Post title split in two by thumbnail

  • Resolved joeglov

    (@joeglov)


    7 years, 3 months ago

    By using the CSS code:

    #rpwwt-recent-posts-widget-with-thumbnails-2 ul li a span.rpwwt-post-title {font-weight:normal; line-height: 100%; }

    I have been able to compress the spacing of post titles so that they sit above each image (before half of the title would show above the image, and the other half below).

    When viewing the page tablets the issue is still present.

    Is there a fix, or some CSS that can be used to prevent this?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Martin Stehle

    (@hinjiriyo)

    7 years, 3 months ago

    The way that works on any device is

    #rpwwt-recent-posts-widget-with-thumbnails-2 ul li img {
    float: none;
}

    That puts the title below the image.

    If you think there is too much space take this:

    #rpwwt-recent-posts-widget-with-thumbnails-2 ul li img {
    float: none;
    margin: 0;
}
    Thread Starter joeglov

    (@joeglov)

    7 years, 3 months ago

    Perfect, thank you so much! Immediately solved the issue.

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

The topic ‘Post title split in two by thumbnail’ is closed to new replies.