Sadie
-
Posts
4 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Sadie
-
Rounding corners of portfolio/gallery thumbnails with hover overlays
Sadie replied to Sadie's topic in Customize with code
Using your following code fillets the thumbnails: .products .grid-image-wrapper, .image-block-wrapper, .ProductItem-gallery-slides-item.selected, .sqs-gallery-design-grid-slide .image-slide-anchor { border-radius: 25px; } But, the overlay is not affected. It still has its corners. -
I am using the following code to round the corners of my portfolio thumbnails. /* Round corners portfolio items */ body.homepage a.grid-item, body.homepage .grid-image { border-radius: 10px; } I am using a grid:overlay. When I hover over the thumbnails the overlay is not filleted. Any suggestions on how to fix this?
-
Sadie Aaron Designs That should work. I am also noticing that all my images are rounded. I just want the grid portfolio page (my projects page) rounded. Thanks!
-
@creedon Hello! I used your code to round the corners of my portfolio grid and that worked fine! I am using a hover overlay, which does not round with the code. So, when I hover over the image the overlay is still sharp. Any suggestions?
