Jump to content
  • 0

Making a site container background transparent


Rob Bedeaux

Question

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>

Rob Bedeaux (he/him/his)

Director, Content Marketing & Strategy

E rob.bedeaux@nbcuni.com

 

 

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...