Topic: Opaque Main Area

Is it possible to adjust the opaque/transparency quality of the main area.

I am using   #main { background: none; } in user.css to eliminate the main area background. 

What I'd like to be able to do is have a white background in #main that is about 80% opaque so that the custom background .jpg is visible through the white.

Thanks very much.

Thumbs up

Re: Opaque Main Area

http://www.arrastheme.com/forums/post22166.html#p22166

Co-creator, Administrator, Designer

TechUnfolding.com

Re: Opaque Main Area

Thanks for the help JexXero, but that's not what I'm going for.

I don't just want an opaque canvas behind the thumbnails, I want the entire opaque canvas to cover the entire #main.

You indicated that changing this quality on the #main background would also change the quality of all the content that appears in #main.  That may not be a problem.

What code can I add to user.css to control the transparency of the #main background?

Thanks again for your help.

Thumbs up

Re: Opaque Main Area

Sure, the CSS you want is

opacity: 0.4;

Co-creator, Administrator, Designer

TechUnfolding.com

Re: Opaque Main Area

is that the entire bit of code I need?  I assume I put that in user.css and that I can control the opacity by adjusting the 0.4 parameter?

Thanks so much for your help.

Last edited by SCG (2011-02-14 14:24:34)

Thumbs up

Re: Opaque Main Area

Well that's only a property for an element. so for instance if your making the content background opaque then you use it like this

#content  { background: #111; opacity: 0.4; }

0.4 means 40%. So you will need to adjust that number till you get the correct transparency you're looking for.

0.1 = 10%
0.2 = 20%
0.3 = 30%

You get the idea.

Co-creator, Administrator, Designer

TechUnfolding.com