Increase wrapper width in Twenty Twelve

  • Resolved JulianRichards

    (@julianrichards)


    13 years ago

    I’m using a child theme of Twenty Twelve, and most of my content is photographs. I’d like to show these in the content div at a standard width of 900 pixels, but they’re being shrunk, even on a big desktop monitor. Here’s an example.

    I don’t know why, because I can’t find a maximum wrapper width specified in the CSS for screen sizes above 960 pixels.

    Firebug reports that <div id="page" class="hfeed site"> is controlled by

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

    – but in the CSS that’s only supposed to apply to screen sizes from 600 to 960 pixels, so far as I understand it.

Viewing 1 replies (of 1 total)
  • Thread Starter JulianRichards

    (@julianrichards)

    13 years ago

    I think I fixed this by adding

    site {
		margin: 0 auto;
		max-width: 1460px;
		max-width: 104.2857142857143rem;
		overflow: hidden;
	}

    in the /* Minimum width of 960 pixels. */ CSS.

Viewing 1 replies (of 1 total)

The topic ‘Increase wrapper width in Twenty Twelve’ is closed to new replies.