Okay
  Public Ticket #1047884
Modify thumb spacing in image gallery
Closed

Comments

  •  2
    Vanniphotography started the conversation
    February 3, 2017 at 3:49pm

    Hi,
    I would like to remove spacing between thumb image in the image gallery, so for example in screenshot "img-gallery-spacing.jpg" i'd like to have all 9 image without space.

    I see that there is an optional field only when I select "Fullwidth" Layout (as shown in screenshot img-gallery-spacing-option1.jpg), but if I select in Layout "3 Columns" or "4 Columns" I don't have that option (screeenshot img-gallery-spacing-option2.jpg)
    Is there a way to set this option, also through CSS or something else?

  •  8,998
    Tahir replied
    February 3, 2017 at 5:43pm

    Hey Vanni,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  •   Vanniphotography replied privately
  •  8,998
    Tahir replied
    February 4, 2017 at 3:23pm

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .wpb_gallery_slidesimage_grid .portfolio-items.no-masonry[data-col-num="cols-3"] .col.span_4 {
    width: 33.33%;
    margin: 0px !important;
}

    Thanks

    ThemeNectar Support Team