Widen Text Space

Hi sandraholt,

Do you mind clarifying a bit? Do you mean that you want the width of your site to be wider (thus you see less background)? With that additional space you want the main article copy to be what gets wider?

Let me know and I would be happy to take another look.

Yes, I’d like to see less background and I want the area that is white currently to be wider. I hope that makes sense!

Thanks for taking another look!
Sandra

Hi sandraholt,

Your WordPress theme is built on the 960 grid, with the original intention of being responsive. That said, it seems that your site has a number fixed widths thrown in there, so I don’t think that adding some more will be an issue.

In your wrapper definition in style.css on line 26 does not define a width so the file 960.css is setting it. To make “less background” you will want to add the following code to your style.css file after the rule that starts on line 26 ends:

.container_12, .container_16{
    width: 1000px;
}

You will also need to add a background color to your banner under the rule #sub-header that starts on line. Something like background-color: #00000; where #000000 is the hex number for the color you want to use.

I assume that you will also want to make your content column larger, so you will also want to add width: 660px to style.css in the rule that starts on line 42. You want the change in width of this column to be equal to the change in .container_12, .container_16.

I hope that this helps.

Thanks for trying to help but it didn’t work. When I added the code, the text did get wider but nothing else adjusted accordingly such that I had elements overlapping each other and also my text was smaller and my background disappeared. If you have any other thoughts on how to make the text space wider, I’d appreciate it!

Sandra