Adding Container Div to Grid Images?

Community Forums Forums Design Tips and Tricks Adding Container Div to Grid Images?

This topic is: not resolved

This topic contains 1 reply, has 1 voice, and was last updated by  goddess 1 year, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #15622

    goddess
    Participant
    Post count: 13

    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.

    Suggestions appreciated.

    #15793

    goddess
    Participant
    Post count: 13

    I resolved this by using the mobile-responsive section of the style sheet to remove the border for those particular images.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.