Jump to content

Making a site container background transparent

Rob Bedeaux

Recommended Posts

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

#siteContainer {
background: rgba(255,255,255,0.9); 


For Nokomis

#yieldContent.row {
background: rgba(255,255,255,0.9); 

Rob Bedeaux (he/him/his)
Director, Partnerships & Symphony Marketing
E rob.bedeaux@nbcuni.com


Link to comment
Share on other sites

  • 1 month later...
  • 3 years later...

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...