Theme css: Header transparency against page background

  • Hi guys,

    I’ve been working on this page for some time now, and everything is close to complete. There is one thing left though that I can’t figure out how to do and would very much appreciate some useful input about.

    I want to use a header in .png that uses transparency. The picture and it’s placement works fine, but I keep getting a white square background behind it. In other words, I want my header picture lying only against the darker background of the page.

    I’m not sure if it’s just the #header area that’s causing trouble, of if it’s the whole #page area. I’ve been trying for days to solve this, but without luck.

    Here’s what I want it to look like:
    https://dodecahedron-comic.com/wp-content/themes/comicpress-boxed/images/yesplz.jpg

    Here’s what it looks like:
    https://www.dodecahedron-comic.com
    (Don’t mind the red color, it’s just so I can see what’s happening)

    Thanks in advance!

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

  • Your header block is inside the page block – which in turn has a white background. You need to move #header outside of #page.

    Thread Starter doraya

    (@doraya)

    Thanks, that’s really useful info!

    The only problem now is that I can’t figure out how to do it. I’ve been googling but can’t find any help. I’m still a beginner on css after all.

    Thank you so much for helping!

    Try looking in your theme’s header.php template file.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Theme css: Header transparency against page background’ is closed to new replies.