Increase white space between images

  • MySimplySpecial

    (@mysimplyspecial)


    11 years, 5 months ago

    Hi,

    I was wondering how to increase the white space in between the thumbnails? My blog is http://www.mysimplyspecial.com. I would prefer to make the images a bit smaller (I know how to do that), increase the space between the images and then make sure the total width will be 580px. This is what I have now:

    .related_post_title {
}
ul.related_post {
}
ul.related_post li {
width:105px !important;
}
ul.related_post li a {
text-align: center;
font-size: 10px !important;
font-weight: bold;
}
ul.related_post li img {
height:105px !important;
width:105px !important;
}

    https://wordpress.org/plugins/wordpress-23-related-posts-plugin/

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

    (@petrap)

    11 years, 5 months ago

    Hey,

    thanks for reaching out! You can increase the white space between the images but that would make the last one jump into the next row:

    ul.related_post li
{
  margin: 10px 35px 10px 0 !important;
}

    Let me know how it goes, take care and have a lovely day,
    Petra

    Thread Starter MySimplySpecial

    (@mysimplyspecial)

    11 years, 5 months ago

    Hi Petra,

    Thank you for your reply! That already helps, but it also adds a margin to the right of the last image. This way it is not possible to get the right side of the last image at the same position as the right side of the images in my post. Do you know what I mean? Is there a way to avoid that?

    Best,
    Margot

    PetraP

    (@petrap)

    11 years, 4 months ago

    Hey Margot,

    sorry for the late reply – if we are thinking about the same thing then you could try this:

    ul.related_post li
{
margin: 10px 9px 10px 7px !important;
}

    Hope this helps,

    Petra

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

The topic ‘Increase white space between images’ is closed to new replies.