Do you need to make the content area wider? The brown borders will change size depending on the width of the available screen–so what looks “right” on a narrow screen might not look right on a wide screen.
It’s entirely possible to change the width of the content area with CSS–you’d change the .wrapper class. But it’s not possible to change the size of the brown areas, per se, because they’ll be different for everyone.
Yes, I need to make the content area wider. Some of my content is getting cut off or scrunched up because it’s not wide enough.
Then you’d add something like the following to your child theme’s style.css:
.wrapper {
width: 1000px; //or however wide you want it to be
}
.content {
width: 800px;
}
Note that this will affect all pages on your site, and you may need to make additional adjustments to get the effect you want. You can use a program like Firebug to “Inspect” your website to see which classes to adjust.
Another option is to remove the sidebar only on those pages where the content is wide–you can do this by setting the page template to No Sidebar.
Well…that does give me the width I want for my content but then it also pushes out all of my ads I have running on the side to the very bottom of my page. Is there a way to change the width without affecting that too?
No real way for me to tell without seeing an example. You may need to adjust the width of the sidebar div as well, or add more space to .wrapper.
I was able to tweak it enough to get it to fit good enough. Thanks!
