CSS Max Site Width


Here is some Child Theme CSS that can change the maximum width of your WordPress Twenty Twelve themed Site. Include it in your styles.css file in your child theme. This site uses the Twenty Twelve theme.

.site {
    /* background: green;   easier to temporarily see edge of site */
    max-width: 60em;        /*  60x16=960px  57x16=912 */
    color: black;  /* also changing the text color at the same time */
}

You can change the background color of the whole site just to see the edges of the site more clearly.