WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] TwentyTwelve width questions (4 posts)

  1. sbbn
    Member
    Posted 1 year ago #

    URL: http://shebloggedbynight.com/

    I just switched over to TwentyTwelve and am really liking it so far. My only problem is that I'd like to change the widths of the body and sidebar, basically make the body wider.

    I have a child theme and have fiddled with the rem values, and while it worked on getting my header placed higher on the blog, I can't get the widths of anything to change. What code do I need to change? Thanks!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Have you tried this style within your Child Theme stylesheet;

    body .site {
     padding: 0 100px;
     padding: 0 6.857142857rem;
    }

    and adjusting those styles accordingly?

  3. alchymyth
    Forum Moderator
    Posted 1 year ago #

    if you want to change the 'content to sidebar' ratio, also look at rebalancing these widths (more to the end of style.css - in the @media screen and (min-width: 600px) section):

    .site-content {
    		float: left;
    		width: 65.104166667%;
    	}

    and:

    .widget-area {
    		float: right;
    		width: 26.041666667%;
    	}
  4. sbbn
    Member
    Posted 1 year ago #

    Thank you both! I used both your replies to tweak the widths on my blog and it worked great.

Topic Closed

This topic has been closed to new replies.

About this Topic