How do I make the sidebar bigger in twenty twelve?

Question

I am new to WP with little knowledge of code. I am using Twenty Twelve and have managed to create a child theme (minus the header image for some reason). One of my widgets does not fit into the sidebar area so I would like to make it bigger.

Answer 1

The style.css defines the width of the .widget-area as 26.041666667% (for devices that have a minimum width of 600px). You can change this with some custom CSS in either a child theme, or using the "Edit CSS" function in the Jetpack plugin, or in the theme's style.css file directly.

Answer 2

Does your child theme have a CSS file? If it does, you can make the change there. If not, you can create a style.css in your child theme, containing the change.

To make the Twenty Twelve sidebar wider, you'll probably need some CSS changes to the following two classes:

.site-content {width:[insert new width here]}
.widget-area {width:[insert new width here]}