Twenty-Eleven – Width Question

I have found that editing just the style.css file to adjust the site width was not enough. For example, I set the width from 1000px to 850px in twenty eleven. But, when I uploaded new header images for the slider they stayed on their original size, regardless of what width the site was set to.

I had to go into the functions.php file and edit the width in there:

// The height and width of your custom header.
	// Add a filter to twentyeleven_header_image_width and twentyeleven_header_image_height to change these values.
	define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 850 ) );
	define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 250 ) );

I know I might be unnecessarily complicating the issue for you but it’s worth keeping in mind if your having further width issues 🙂

You can see mine test site based on twenty eleven at iamparaic.com,

Got it — did not even see the scrollbar earlier — you are using an embedded iframe for that spreadsheet. You need to change the width of that page section which has a CSS class of .entry-content — but you’ll want to change the header section too .entry-header. Right now they are set to 68.9% of the page width so you can adjust that according to what you want on a given page.

So create a child theme and then put this in the new stylesheet:

.entry-header, .entry-content {
width: XX%;
}

Maybe try 80% and see how that looks/works.