Needless scrollbar posts too narrow

  • Resolved tehvidya

    (@tehvidya)


    9 years, 10 months ago

    I like the simplicity of the theme, but I’m having two small problems.

    The first is an extra scroll bar that appears at the side of each post but does nothing. It doesn’t appear on the main page, only when someone clicks on a single post.
    Compare main page to single page.

    The second thing is that I’d like to shrink the right side bar a little and give that space to my posts instead.
    Maybe a screenshot will make things easier to understand: here

    Thanks for any help you can give, especially on the scrollbar issue!

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

  • In your stylesheet (style.min.css) you have:

    .entry-content{overflow:auto; width: 100%;}

    You simply have to delete the overflow: auto; and that will remove the scroll bars.
    The width is a little different, because its responsive there are going to be multiple spots to change. You an start looking at #sidebar width: 20%.

    Theme Author Ryan Hellyer

    (@ryanhellyer)

    Thanks for finding this. The scrollbar issue is triggered by the YARPP plugin. It is expanding the size of the containing box and forcing the scroll bars into place.

    I suspect removing overflow:auto may trigger other problems. I added that a very long time ago for specific reasons. I am going to look into removing it at some point, as it may not be necessary now due to most people dropping support for older browsers.

    I’ve created a GitHub issue regarding this, and provided a simple solution for it there:
    https://github.com/ryanhellyer/hellish-simplicity/issues/11

    Thread Starter tehvidya

    (@tehvidya)

    Thanks a lot. I’ll hold off on deleting overflow and try the YARRP bug solution first. But where exactly should I put the 

    .yarpp-related {
overflow: hidden;
}

    code? In the stylesheet? Sorry, I’m really new at this stuff.

    Theme Author Ryan Hellyer

    (@ryanhellyer)

    Yes, just add it to a stylesheet.

    I can think of three options for this:
    (1) Make a child theme which adds that CSS
    (2) Change the themes name and add it to the style.min.css file (you need to change the themes name to avoid your changes being overwritten during a theme upgrade)
    (3) Use a plugin which lets you add CSS to your site

    Thread Starter tehvidya

    (@tehvidya)

    @red Deer Web Design, the sidebar tip works, thank you very much. The scrollbar issue stops the text from expanding into the new space created though: screenshot. As soon as I get that solved, everything will be perfect.

    Thread Starter tehvidya

    (@tehvidya)

    The child theme solution sounds like the simplest option for doofus like me. I’ll try that and let you know how it works. Thanks for the prompt response!

    Thread Starter tehvidya

    (@tehvidya)

    Okay, that seems to have done the trick. I couldn’t figure child themes out (it kept saying the Template was missing) so I just added it to the regular stylesheet. Now I just have to avoid updating forever and I’m in the clear.

    Thank you for all your help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Needless scrollbar posts too narrow’ is closed to new replies.