[resolved] TwentyTwelve width questions (4 posts)

  1. sbbn
    Posted 3 years 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 Nevins
    Forum moderator
    Posted 3 years 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. Michael
    Forum Moderator
    Posted 3 years 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%;


    .widget-area {
    		float: right;
    		width: 26.041666667%;
  4. sbbn
    Posted 3 years 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