Transparency in Twenty Twelve

• 

  buddhachicandbuttercream · Member · Mar 18, 2013 at 2:39 am

  • Copy link
  • Add topic to favorites

  How do I make my header transparent in the Twenty Twelve Theme using CSS?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 18, 2013 at 3:15 am

  • Copy link

  Are you wanting the background to show through where the title and menu are?

• 

  buddhachicandbuttercream · Member · Mar 18, 2013 at 11:26 am

  • Copy link

  Exactly, is this possible?

• 

  thesacredpath · Member · Mar 18, 2013 at 3:00 pm

  • Copy link

  Add this and then play with the last decimal number (0.5(, which is the opacity. 1.0 would be not transparent at all, and 0.1 would be nearly completely transparent.

  .site {
  background-color: rgba(255, 255, 255, 0.5);
  }

• 

  buddhachicandbuttercream · Member · Mar 18, 2013 at 11:59 pm

  • Copy link

  This worked perfectly when I previewed it. I have not saved the stylesheet yet as I need to figure out how to reduce the size of my colored background or shift everything down so that my menu is beneath the colored background. Thanks again!

• 

  thesacredpath · Member · Mar 19, 2013 at 3:32 am

  • Copy link

  You are welcome.