rounded corner for project thumbnails when mouseover
General Discussion
4
Posts
3
Posters
346
Views
2
Watching
-
I would like to know if there is any way to get rounded corner on project thumbnails when mouseover?
-
.thumb-rel{ overflow: hidden; transition: all 200ms ease; border-radius: 0; } .thumbnail-wrap:hover .thumb-rel{ border-radius: 30px; } -
.thumb-rel{ overflow: hidden; transition: all 200ms ease; border-radius: 0; } .thumbnail-wrap:hover .thumb-rel{ border-radius: 30px; }Great! Thanks @arminunruh it works perfect š
-
Hey, my Thumbnails are already set to a rounded border, when I use the code above to ensure that they stay at that radius when hovering, there is still some glitching happening, showing the sharp (not rounded) edges between the hovering and not hovering state.
Is there a way to fix that?
For 1on1 paid Lay Theme Coaching, contact: audrey@cyberslayers.work.
We also code custom websites or custom Lay features.
šæ Email us here: šæ
info@laytheme.com
Our Web Development company: 100k.studio
Want to tip me? https://www.paypal.com/paypalme/arminunruh
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
Online Users
Forgot your key, lost your files, need a previous Lay Theme or Addon version?
Go to www.laykeymanager.com