Text in side bar crunbling down

  • Hi,

    I brought up this issue before, thought I solved it, but now retrun for some more help.

    For the side bar on my home page, I use a widget to display an excerpt plus thumbnail of the most recent post. As widget I tried Recent Posts With Thumbnail and am using now Smart Recent Posts Widget.

    With both widgets I run into the same problem: at certain screensizes, the text of the excerpt starts to crumble down in a vertical string…
    li
    ke
    th
    is

    a
    n
    d
    w
    o
    r
    s
    e

    https://snipboard.io/1gjQGE.jpg

    I posted this problem on de kybernetik(developers of the first widget)-forum, the answers being that it has to do with the style of the Sydney sidebar and that some CSS-code might fix this.

    If so, I’d appreciate the help!

    Jos

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

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

  • Hi Jos,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    .widget_smart_recent_entries .srpw-content {
  display: block;
  width: 100%;
  float: none;
}

    Regards,
    Kharis

    Thread Starter joslammers

    (@joslammers)

    Hi Kharis,

    … it ain’t doing the trick…

    What seems to help, is keeping the size of the thumbnail limited to 75 x 75 px…

    It would be nice to have it a little bit bigger though, so if you have any other suggestions I could try?

    Jos

    Sorry for the code didn’t work for you. Please try this one instead.

    .widget_smart_recent_entries .srpw-img {
  float: none;
}
    Thread Starter joslammers

    (@joslammers)

    I tried it, but no effect.

    Installed Recent Posts Widget With Thumbnails again, adapted the code into

    .widget_recent_posts_widget_with_thumbnails_entries .rpwwt-img {
    float: none;
    }

    but no result either..

    Jos

    Hi Jos,

    It looks like the widget has changed to another plugin. As checked from the source code of your page, it is Recent Post Widget with Thumbnails.

    Since the CSS selector has changed try this CSS code:

    .rpwwt-widget li a > img {
  max-width: 100% !important;
}
    Thread Starter joslammers

    (@joslammers)

    Hi Kharis,

    Thanks again!

    When I add this code to my CSS, this is what happens at certain screensizes:

    https://snipboard.io/AUIqOb.jpg

    The word ‘onmiskenbaar’ breaks up and is cut into two ununderstandable pieces…

    Jos

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Text in side bar crunbling down’ is closed to new replies.