Hello. I have made my grid thumbnails circular with a border and I’m quite happy with the display except in Safari. See the site here – http://www.afoolsjourney.com
Screenshot of the problem here: http://www.flickr.com/photos/goddessdix/8423841931/
The fixes I’m finding generally require adding a container div to the image and setting the border-radius on the container div instead of the image itself. So it looks like I need to add a container for these image classes:
.genesis-grid img, .genesis-grid-1 img
I’ve seen suggestions about jquery wrap to create the container dynamically (which I’m WAY not a coder); so that’s a possibility if I can figure it out…But I was wondering if there were hooks in genesis that would allow a function to add these instead? It’s basically just on the home page that needs the fix.
I resolved this by using the mobile-responsive section of the style sheet to remove the border for those particular images.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.