How to remove the scroll bar?

  • Unknown's avatar
    udaynarayanan · Member ·

    I am unable to remove the scroll bar in the archive page. I had made some CSS edit post which this scroll started showing up. Can someone please help!! Thanks in advance :)

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justpi · Member ·

    You had added this: 

    #posts .post-content {
    border-bottom: medium none;
    float: left;
    margin: 0 0 -10px;
    width: 500px;
}

    You need to remove the negative margin.

  • Unknown's avatar
    udaynarayanan · Member ·

    Thanks justpi for your response. I removed the negative margin but the scroll bar is still there.

    These are the new codes:

    #posts .post-content {
    border-bottom: medium none;
    float: left;
    margin: 0 0 10px;
    width: 500px;
    }

  • Unknown's avatar
    justpi · Member ·

    No, that’s not your “new” code. You’ve got three different codes for #posts .post-content (partly redundant and partly conflicting): 

    #posts .post-content {
    border-bottom: 1px solid #808080;
}

#posts .post-content {
    border-bottom: 7px solid #E5E5E5;
    float: left;
    margin: 0 0 10px;
    width: 500px;
}

#posts .post-content {
    border-bottom: medium none;
    float: left;
    margin: 0 0 -10px;
    width: 500px;
}

    You must decide what you really want, delete the two of the three, and make sure the margin is 0 (or a positive value).

  • Unknown's avatar
    udaynarayanan · Member ·

    Got it! Thank you so much justpi :)

  • Unknown's avatar
    justpi · Member ·

    You’re welcome!

  • The topic ‘How to remove the scroll bar?’ is closed to new replies.