Need help? Check out our Support site, then


Transparency in Twenty Twelve

  1. buddhachicandbuttercream
    Member

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

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

    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