website 1 inch smaller with styles

No problem, and yes I did.

Thanks for looking into this. Your plugin for twenty twelve seems really detailed and takes a lot of the guess work out of working with pure css for me lol.

One question, how does styles apply the css? I noticed after deactivating the plugin the changes are gone, does it not modify the css file?

Thanks

Styles caches the CSS and then outputs it from the database. It’s stored in a way that doesn’t add any additional database queries when your site loads. That lets it load faster than even a normal CSS file, but also keep your theme files clean. ??

Thanks for the notice. I’ll test TwentyTwelve again.

Ahh ok.

Thanks Paul, I’ll definitely keep an eye out on this plugin for future updates.

Also idk if it matters, but I’ve resized my theme to 1200 px

Can you share the custom code you used to resize your theme to 1200px? That would likely make a difference.

/* Increase theme width to 1200px */
@media screen and (min-width: 960px) {
    .site {
        max-width: 1200px;
        max-width: 85.7142857143;
    }
}
.ie .site { max-width: 1200px; }
footer[role="contentinfo"] {
    max-width: 1200px;
    max-width: 85.7142857143;
}

Sorry for the late reply. Did you want my whole child theme css? or just the resizing part?

Either adding !important to your declarations or using the below code which is scoped to override Styles, should resolve your issue. Also note that I added the rem unit to your max-width declarations —?that shouldn’t be left off.

/**
 * Increase width in Styles.
 */
@media screen and (min-width: 960px) {
    .styles #page {
        max-width: 1200px;
        max-width: 85.7142857143rem;
    }
}
.ie.styles #page { max-width: 1200px; }
.styles footer[role="contentinfo"] {
    max-width: 1200px;
    max-width: 85.7142857143rem;
}

You can safely add this alongside your other code to have it work with Styles on or off. Adding !important to the end of each line before the ; in your existing code would also work. (Don’t forget to add “rem“!)

Thanks Paul,

I tried it on another site that was having the same issue on, and I added the rem and !important to the css and it worked! Thanks a bunch, I definitely appreciate the support.

Thanks ravengpitts, I’m glad we could find a solution for you! If you find Styles helpful, please submit a short review! It helps a lot. ??