Need to make background behind text opaque!

doolittsam624 · Member · Dec 30, 2014 at 2:44 am
Copy link

Add topic to favorites
Hi there,

I recently switched my blog to the “Suits” theme and I love it. (I had previously been using “Forever” with my own customizations.) The one issue I’m having with Suits is that when I add a background that is not white (i.e. the gray zig-zags I currently have), the writing in my central column and side-bar becomes hard to read because it’s directly against the background image.

I’m hoping someone can help me with CSS code that makes the background directly beneath the center column and sidebar WHITE. In other words, I want a big white stripe going down the middle of my blog so that the writing/photos are against WHITE, rather than directly against the zig-zag background. But I still want to be able to see the zig-zags on the sides (and also, if possible, at the top for about an inch)!

Please help me!!!

Thanks,
Sam

The blog I need help with is: (visible only to logged in users)
doolittsam624 · Member · Dec 30, 2014 at 2:47 am
Copy link
For reference, this is what I mean when I talk about a white center column/side bar:
thesacredpath · Member · Dec 30, 2014 at 8:27 pm
Copy link
Sam, I see you have solved this by adding a white background to the .site-main div using the following CSS.
```
div#main.site-main {
    background: #fff !important;
    margin-top: 50px;
    padding: 35px;
}
```
Great job! On the CSS selector, you can get by with .site-main only, and without the !important keyword so it would look like this. Your way works too though. :)
```
.site-main {
    background: #fff;
    margin-top: 50px;
    padding: 35px;
}
```

No items found.