Header Transparent; Body Not in Twenty Twelve

  • Resolved Shane Roach

    (@shanecroach)


    10 years, 11 months ago

    My WordPress site.

    https://christianlabor.com/upgrademenow/

    It seems no one knows how to get transparency only in the header and not for the whole page. CSS in child theme of Twenty Twelve. 

    /*.site {
background-color: rgba(255, 255, 255, 0);
}*/

#page {
	background: transparent;
}

/*body {
	background: #ffffff;
}*/

    Note the ineffective commented out attempts. =)

    I am maddeningly close. I do not understand why simply setting the header itself as transparent background is totally ineffective. I read elsewhere on this site that you make the whole page transparent then add color back to other sections? What other sections? What are their names?

    Any help appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)

  • depending on your definition of ‘header’, you will probably need to edit the html structure of the theme to achieve the transparency.

    get an idea about the extend of the areas as they are now, by adding a background color to some areas:

    #page { background: yellow; }
#masthead { background: orange; }
#site-navigation { background: red; }
#main { background: grey; }
#colophon { background: orange; }

    as this is a pure formatting exercise and not specific to WordPress, you might get independent answers from a CSS forum like https://csscreator.com/forum

    Thread Starter Shane Roach

    (@shanecroach)

    Apparently I meant masthead. Thank you so much! I had to make both the #masthead and #page transparent. I guess they overlap.

    Thanks a ton!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Transparent; Body Not in Twenty Twelve’ is closed to new replies.