Line break after image

  • Resolved danegolden

    (@danegolden)


    3 years, 10 months ago

    I have seen the support thread where you have suggested the custom CSS code as a line break solution as follows:

    .widget .rpwwt-widget ul li img {
    margin-top: 3px;
    }

    However I simply want to use your plugin for the image and the blog post title. After the image, I want the title to always start below the image. The above code does not do that. What code should I add? Thanks very much!

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

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

    (@hinjiriyo)

    The CSS code often depends on the current theme. Use that code for your website:

    /* sets the link text below the image */
#rpwwt-recent-posts-widget-with-thumbnails-3 img {
    display: block;
    float: none;
    margin: 0;
}
/* adds a visible gap between the list items */
#rpwwt-recent-posts-widget-with-thumbnails-3 li {
    margin-bottom: 1.44em;
}
    Thread Starter danegolden

    (@danegolden)

    Thanks very much, this code worked well. – Dane

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Line break after image’ is closed to new replies.