Text slightly cut-off by Sidebar

  • Resolved Tom Summerfield

    (@tomsum)


    13 years, 1 month 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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Tom Summerfield

    (@tomsum)

    13 years, 1 month 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?

    Michael

    (@alchymyth)

    13 years, 1 month 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;}
    Thread Starter Tom Summerfield

    (@tomsum)

    13 years, 1 month 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 :-/

    Michael

    (@alchymyth)

    13 years, 1 month 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.

    Thread Starter Tom Summerfield

    (@tomsum)

    13 years, 1 month 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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Text slightly cut-off by Sidebar’ is closed to new replies.