Need help? Check out our Support site, then


Transparency in Twenty Twelve

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

    The blog I need help with is buddhachicandbuttercream.com.

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

  3. Exactly, is this possible?

  4. 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);
    }
  5. 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!

  6. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic