Header to background Transparency prooblems

  • Hello,

    I have been trying to create a transparent header for my wordpres site. In the process of doing so, I ran into a snag. Even though my image is transparent, it now shows the background colour/image behind it, then when I go to change it it changes the background image/colour for the main body of the site.

    I suppose I need some form of a div splitting up the header from the body of the thing, however I’m not sure if it’s the right approach. (because I’m not all sure on how to actually do that!) or more preferably a simpler way of doing so.

    Thanks for the help in advance!

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

  • without seeing the site with the header transparancy problem, nobody will be able to give you any more ideas than you already have.

    link?

    Thread Starter chaoscactus

    (@chaoscactus)

    https://semmler.ca/wordpress/

    The header image I’m using is a PNG, but as you can see the background colour comes right through.

    problem is that under the #header, there are two other backgrounds – the one from #wrapper (pale slimy green) and the one from body (darker green with black something).

    you can move the #wrapper div further down to get rid of the one background, but even then the background from body will show.

    to move the #wrapper:
    edit header.php, find:

    <body>
<div id="wrapper">

    <div id="header">
        <h1><a href="<?php...?>"><?php....?></a></h1>
	<div class="description"><?php...?></div>
    </div>
        <div class="menu">

    change to:

    <body>
    <div id="header" style="margin: 0 auto;">
        <h1><a href="<?php...?>"><?php....?></a></h1>
	<div class="description"><?php...?></div>
    </div>
<div id="wrapper">
        <div class="menu">

    still leaves the body background and looks worse than before.

    Thread Starter chaoscactus

    (@chaoscactus)

    Thanks for the code! unfortunately it didn’t do the trick, whenever I went to view the site it came up with an unidentified error on line ’56’. However I’ve been recently instructed to use a different image so I don’t run into the problem, oh well. But thanks for your help! it was much appreciated ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header to background Transparency prooblems’ is closed to new replies.