Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #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


    Hey icvenfold!

    try this code:

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



    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, 6 months ago by  icvenfold.


    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,


    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, 5 months ago by  icvenfold.


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


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

You must be logged in to reply to this topic.