Vertical spacing between images in gallery

  • How do i have gallery images vertically separated. I have border around the images and when displayed, the borders overlaps each other…

    How can i fix this?

    Thanks

    For demo:
    https://www.funfused.com/humor/funny-customized-number-plates/

    the bottom border of image 1 overlaps with top border of image 2 and so on creating the thicker intersection. i want to display the images totally separated with each other so that the overlaps is not there.

    thanks

Viewing 4 replies - 1 through 4 (of 4 total)

  • You can add margin-bottom to the image or the container div like .gallery-icon or .gallery-item.

    Thread Starter FunFused.com

    (@funfused)

    no it dint work… any other solution.. margin-bottom makes no difference at all…

    I think mookasaurus was right.
    Try to open /wp-content/themes/MobileWorld/css/screen.css , and find line 54, there is a “dl dt {…}” setting, add one more css code as like:

    dl dt{
font-weight: bold;
margin-bottom: 10px;
}

    I think it works, but suggest create new css class to set margin, otherwise all “dl dt” will apply margin effect.

    Thread Starter FunFused.com

    (@funfused)

    what is dl dt?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Vertical spacing between images in gallery’ is closed to new replies.