WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] CSS Issue, text wrapping under sidebar (5 posts)

  1. MacMare
    Member
    Posted 5 years ago #

    Hello all: two problems...

    I've been messing with this for quite a while and was wondering if someone could take a look..

    http://mcallisterhouse.org/history/mcallister-family

    On pages such as this one with longer content, the content wraps around UNDER the left sidebar. Can someone tell me how to fix this? I would greatly appreciate it!

    Also, can the sidebar display of the bulletted sub pages be changed and if so, how? I would like the subpages to be less indented and "tighter" to the rest of the links..trying to figure out where to go to style that.

    Thank you!

  2. 11worth
    Member
    Posted 5 years ago #

    Hi,

    Just my opinion, but I think the site looks better with the text wrap. However, that being said, you can try this in your style.css:

    Change this:

    #content {
    	width: 653px;
    	margin-left : 100px;
    	margin-top : 25px;
    	background : #F4F0E1;
    }

    To this:

    #content {
    	width: 550px;
    	margin-left : 235px;
    	margin-top : 25px;
    	background : #F4F0E1;
    }

    All we did was increase the left margin to allow for the floated sidebar to the bottom of #content.

    As far as the buleted sub-page issue, you're missing a

      for your outer list. Fix that first and see what it looks like, since it's not currently displaying correctly. You can adjust the left margins for the subpages in style.css afterwards if it still doesn't look right.

    • 11worth
      Member
      Posted 5 years ago #

      You're missing this: <ul></ul>

    • MacMare
      Member
      Posted 5 years ago #

      Thank you so much! That indeed fixed it! I will look into the UL issue again...I didn't even WANT the UL or LIs to show up...I really just wanted unbulletted main pages with bulletted sub pages but I couldn't figure out how to do it. I just don't like how much space is between the main pages and the sub pages...It is too far indented for my tastes..

      Thanks again for your help! I really appreciate it!

    • kckal
      Member
      Posted 5 years ago #

      i needed this exactly, but the margin-left edit did not work for me. my content wraps under the left sidebar as well. do you have another css tweak you can suggest please?
      thank you

    Topic Closed

    This topic has been closed to new replies.

    About this Topic