Tagged: gallery, space, thumbnails
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%;
}
Cheers!
Andy
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.
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
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%;
}
Hey!
you are using a very old version of the theme. Please update to Enfold v3.2.3.
Regards,
Andy