Add vertical space between images

  • Resolved Mark

    (@skilettings)


    11 years, 5 months ago

    Hi,

    I have some images showing in the NextGen sidebar widget. I have the pixel width of the thumbnails wide enough that they all appear vertically, but there is no space between each of the images. If you take a look here you will see what I mean. I can add this line to the style.css

    img {
    margin-bottom: 5px;
    }

    which works, but it also adds a 5px margin to all images on the site. Does anyone know how I could do this without affecting all images on the website?

    Thanks,

    Mark

    [Moderator Note: Please ensure that you are embedding links correctly in your posts.]

    https://www.ads-software.com/plugins/nextgen-gallery/

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

  • Try this:

    .ngg-widget img {
    margin-bottom: 5px;
    }

    Thread Starter Mark

    (@skilettings)

    Hi w.bear, you’re a genius! that worked a charm ?? thank-you very much.

    I spent a couple of hours on this last night before posting here. Do you mind telling me how you knew which class to use? I was using Chrome and inspecting the elements but couldn’t see this mentioned.

    Thanks again for your help,

    Mark

    is possible to adjust thumbnails in widget? center them? thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add vertical space between images’ is closed to new replies.