Transparency in Twenty Twelve

  • Author
  • #1187062

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

    The blog I need help with is


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


    Exactly, is this possible?


    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);

    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!


    You are welcome.

The topic ‘Transparency in Twenty Twelve’ is closed to new replies.