billw16 on "[Theme: Olsen Light] Content Area Background Color and Opacity"

Hi, we are using your theme for our ministry and really like it! The only problem is when we add a background image all of the text is difficult to read.

I would like to know how I can set the content area (everything except the background) to be a little bit opaque so that the text is still legible with a background image set. Essentially I'd like a semi-opaque panel in the main content area (including sidebar) from top to bottom as a background to any text/media content.

I've tried a variety of css settings but everything I've done affects the entire page including background.

Any help?

Thanks!

Hi there, please use this

#page >.container{ background:rgba(255,255,255,0.4);
}

You can change the 0.4 to adjust the opacity.

Let me know if this works.

Ahh Perfect! I didn't know about css selectors and couldn't find the right place to put the background property.

Thanks so much Fotis! That's exactly what I needed, implemented it last night and the site looks great!

Now, the only other thing I'm trying to do with this theme is to increase the maximum width of the page size for larger monitors.

Using the same entry as above but adding max-width: 1200px (for example) or using a % doesn't increase max width of the pages, although adding something very small like 400px does limit the width.

#page >.container{
background:rgba(255,255,255,0.4);
max-width: 1200px
}

Any suggestions for this?

Thanks.