Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #471166

    I searched all the past questions and solutions on this but none seem to work for me.
    I’d like to add some space between the thumbnails in a portfolio. Some css that I could use/edit no matter how many columns, maybe % based? if not possible I can use some fixed value.

    You can see the portfolio at the below link. I’d like about 5px between..
    Thank you

    #471461

    Hey icvenfold!

    try this code:

    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
    margin: 5%;
    }
    

    Cheers!
    Andy

    #476051

    Thanks for the reply. Where shall I put this? In the Custom CSS field?
    UPDATE. Added it to Custom CSS with no obvious change in the space between gallery images.

    • This reply was modified 4 years, 3 months ago by  icvenfold.
    #476240

    Hey!

    You can actually use the below css in your custom css section to add a margin spacing around each portfolio item, whether percentage or otherwise:

    #top #wrap_all .avia-gallery .avia-gallery-thumb a {
      margin: 0.2%;
    }
    

    You can adjust the margin to your liking.

    Best regards,
    Dake

    #486854

    HI there
    I tried this in custom.css and am not seeing the desired effect. The result creates a wrap that sends the wrapped image to some spot on the next row that is not aligned with the left margin as you would expect.

    /* General Custom CSS */
    #top #wrap_all .avia-gallery .avia-gallery-thumb a {
    margin: 0.2%;
    }

    • This reply was modified 4 years, 2 months ago by  icvenfold.
    #487698

    Hey!

    you are using a very old version of the theme. Please update to Enfold v3.2.3.

    Regards,
    Andy

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

You must be logged in to reply to this topic.