WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Text slightly cut-off by Sidebar (6 posts)

  1. Tom Summerfield
    Member
    Posted 3 years ago #

    Hi there,

    I'm currently building my website: http://www.goodtelevisionshows.com

    The problem I have is that my sidebar on the right handside is ever so slightly cutting off my content text, especially if I have it in italics. I just want to move the sidebar a tiny bit more to the right but am unsure how to do this.

    I figure I need to edit the sidebar.php section somehow.

    Sorry, I'm not that great with css/php, but I'm good at following instructions! Any help would be much appreciated.

    Cheers,
    Tom.

  2. Tom Summerfield
    Member
    Posted 3 years ago #

    Hmm.. further investigating shows me that I probably want to change something in the sidebar defines on the CSS StyleSheet.

    Particularly this section:

    div#sidebar { width:210px; padding:10px 0px 35px 15px; float:left; font:normal 12px "Trebuche MS",verdana,sans-serif,tahoma,impact,arial; color:#454545; background:#ffffff;}

    Am I on the right trail?

  3. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    i would adjust this style in style.css:

    div#content  { width:560px;  padding:10px 0px 10px 15px; float:left; text-align:left; background:#ffffff;}

    by ading a right margin of 10px and reducing the width by 10px:

    div#content  { width:550px;  padding:10px 0px 10px 15px; float:left; text-align:left; background:#ffffff;margin-right:10px}

    ----------
    alternatively - if you rather want to change the style of the sidebar:

    div#sidebar { width:210px; padding:10px 0px 35px 15px; float:left; font:normal 12px "Trebuche MS",verdana,sans-serif,tahoma,impact,arial; color:#454545; background:#ffffff;}

    reduce the width, add a margin-left, so this looks like:

    div#sidebar { width:200px; margin-left:10px;padding:10px 0px 35px 15px; float:left; font:normal 12px "Trebuche MS",verdana,sans-serif,tahoma,impact,arial; color:#454545; background:#ffffff;}
  4. Tom Summerfield
    Member
    Posted 3 years ago #

    Hi alchymyth,

    Thanks a lot for your suggestion.

    I tried both ways listed above but for some reason it is still cutting off the end of words for text I have put in italics.

    Currently I have the sidebar style changed as per your suggestion above. It hasn't seemed to have changed anything though :-/

  5. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    try to clear the brower cache by pressing the 'reload' buton on the browser; or by pressing 'ctrl' and 'F5' at the same time.

    i see 'content' and 'sidebar' clearly separated.

  6. Tom Summerfield
    Member
    Posted 3 years ago #

    Ahhh it now works. That was weird because I was updating my pages after changing the code AND reloading the page and it wasn't reflecting the change. But suddenly it just seems to have worked. Maybe it's the Cache Plugin thing I have that was doing it.

    ANYWAY - You rock mate, thanks a lot for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic