avoid rounded corners for thumbnails
-
wrote on Feb 25, 2025, 10:45 AM last edited by
hey
i have rounded corners for all my images on vides on my page
how can i have my project thumbnails not rounded while the rest stays rounded?[.ph{ border-radius: 10px; overflow: hidden; } .img{ border-radius: 10px; overflow: hidden; }
-
hey
i have rounded corners for all my images on vides on my page
how can i have my project thumbnails not rounded while the rest stays rounded?[.ph{ border-radius: 10px; overflow: hidden; } .img{ border-radius: 10px; overflow: hidden; }
wrote on Feb 25, 2025, 12:36 PM last edited by@leandrodisler hey if you right click the thumbnail grid on the gridder and give it a class called 'noround' and then in css type in:
.noround img {
border-radius: 0px;
}That should do it.
-
wrote on Feb 25, 2025, 1:16 PM last edited by
hmm dont works :/
-
hmm dont works :/
wrote on Feb 25, 2025, 3:21 PM last edited by alasdair17 Feb 25, 2025, 10:22 AM@leandrodisler might be because your .ph class has border-radius, maybe try changing that to 0px? the .ph class seems to be invovled with project thumbs so might be why.
-
wrote on Feb 25, 2025, 4:40 PM last edited by
worked! thank you so much for your help :)
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it