How to make content background semi-transparent/ change opacity

[goeyleech]

Hello everyone.

I would like to make the content area of my landing pages semi-transparent. I think it's to do with changing the opacity.

Currently the white content background is a bit harsh, and I would like the websites background to come through just a little.

How do I go about doing this?

I am using metro theme.

the website is:

http://www.9to5ninja.com/blog/what-does-protein-do-ipnc

Thankyou kindly

Joe

 

[bandj]

changing opacity will affect everything. Text, images etc.

If you just want to affect a certain element, for example #wrap then you would do this:

background: rgba(255, 255, 255, .5);

the .5 at the end will affect the opacity of the element but won't affect the images, text etc. However you will see that if you do that

and your images have a white background the background sticks out so you'd have to make your image backgrounds transparent.

[Author]

Posts