Support » Themes and Templates » TwentyTwelve width questions

  • Resolved sbbn



    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!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Andrew Nevins


    WCLDN 2018 Contributor | Volunteer support

    Have you tried this style within your Child Theme stylesheet;

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

    and adjusting those styles accordingly?

    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%;

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘TwentyTwelve width questions’ is closed to new replies.