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

    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,


    Hi Mike,
    The url is
    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


    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:

    . (Purchase code hidden if logged out)  .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,


    Hi Mike, Perfect Solution!!!
    Thank you so much.
    Best Regards,


    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,

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

The topic ‘add a border to horizontal gallery’ is closed to new replies.