Making a site container background transparent

[Rob Bedeaux]

Looking to make the background container of your site semi-transparent? With a little CSS you can do that. Try out this bit in the head code of your site. To adjust the color the first three numbers are the RGB base color, in this case white and the last number is the opacity in decimal percentages, in this case 90% opaque.

 

Since you are using custom code and overriding site styles, use at your own risk and your mileage may vary!

For Itasca

<style>
#siteContainer {
background: rgba(255,255,255,0.9); 
}
</style>

 

For Nokomis

<style>
#yieldContent.row {
background: rgba(255,255,255,0.9); 
}
</style>

[Bryan Hopper]

love this look!

[calaslangsi]

In regards to the transparent container background. Ok, so I have the code, where do I apply the code, I do have Itasca theme; trying to figure out the next step. Thanks RL