Support » Themes and Templates » how do i change width of twenty twelve theme

Viewing 15 replies - 1 through 15 (of 20 total)
  • At your twenty twelve theme folder find style.css then you may change the line about 1365 before and after.

    Im sure you can see this max-width: 68.571428571rem; The bigger the number the wider.


    Open /wp-content/themes/twentytwelve/style.css and locate line 1365

    .site {
        margin: 0 auto;
        max-width: 68.5714rem;
        overflow: hidden;

    Replace max-width: 68.5714rem; with the new blog size you want to have. That should do the trick 🙂


    [ Signature moderated. ]

    I’m new to the concept of “rem.” If I adjust the width of my .site does that put me in danger of messing up the responsiveness built into the theme?

    Rem is a new metric introduced by CSS3. The em unit is relative to the value of the parent. The rem unit, however, is relative to the root—or the html—element. That means that you can define a single size on the html element and define all rem units to be a percentage of that.

    In your case, in order to keep the responsiveness of the theme, keep this value in rems. Simply try lower values until you reach the desired result.

    Iurie Malai


    To figure out what the rem value is simply divide the px number by 14.

    Check next links:

    Modify the Width of the New WordPress Twenty Twelve Theme



    I’ve been looking for clear-cut information on how to do this for weeks! Thank you!

    thank you very much!!!!

    Keep in mind that you will lose all those customisations when you update the theme. You should use a child theme to make modifications.

    But anyone know how to make the editor in the dashboard correspond to the new width? – Or the current width, come to that.

    All the postings I can find seem to be about older versions. The TinyMCE window is wide but the content inside it only takes up about half the available space. (Maybe to match comments of posts with sidebars or something) but all my pages are full width and I’d love to make the editor a bit more realistic.


    I want a fixed width for my site — It seems to elude me. I have the theme twenty twelve I just want the width to stay the same regardless of browser size

    Anyone know what I can do?

    1) for example what code do I use?
    2) and where do I specifically place it in the style.css?

    Thanks !

    @adamgdog – it looks like you are not using the twentytwelve theme – so this thread is not relevant.

    These forums only support themes from the repository on this site, so you’ll need to contact your theme’s vendors for help:


    Actually I am using the twenty twelve

    oh that is because I switched it momentarily – sorry

    I never thought anyone would get back to me — I am getting tired of trying to make this small change. lack of knowledge 🙁 on my part

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘how do i change width of twenty twelve theme’ is closed to new replies.