hi,
how can I add a black border to a the horizontal gallery?
thanks joe
Hey Joe,
Please include the url to the page in question so we can take a closer look, can you also include a mockup image so we can see where you would like the border.
Best regards,
Mike
Hi Mike,
The url is https://joeligammari.com
I would just like a black border maybe 1 or 2 pixels around the images in the horizontal gallery. Maybe I could put the formatting in the custom CSS box in the theme option. It would be ideal if I could select the border color and width as an input variable.
Thank you for your help.
Best Joe
Hi,
If you would like the border to only be around the middle activate image then Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
.av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 2px solid #000;
margin: 3px;
}
If you would like the border around all of them, try this css:
div.av-horizontal-gallery-wrap {
box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
border: 2px solid #000 !important;
margin: 3px !important;
}
Then please clear your browser cache.
Best regards,
Mike
Hi Mike, Perfect Solution!!!
Thank you so much.
Best Regards,
Joe
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)
Best regards,
Mike