Donna
|
Although there are a number of posts regarding how to make your header transparent so the background shows though... I have found that none of the directions yield the correct results. Can someone please outline the exact steps it takes to make the header transparent?
I know that I need to create a transparent header png image. I know I need to upload the png image to the themes/MyTheme/images directory. I know I need to change the style.css so it references Header.png. However, when I do this, the header has a background color of gray and is not showing the page background. Am I missing a step?
PLEASE HELP!
|
| |
Garry
|
Can't say anything without having a look at your site, you may like to post your website URL here
|
| |
Donna
|
Quote Garry:
Can't say anything without having a look at your site, you may like to post your website URL here
Hi Garry! My Web site is DonnaTechDesigns.com. I do not have the issue showing-- that's why I hadn't posted the URL earlier. But if you can give me any tips I would be so appreciative!
--Donna
|
| |
Garry
|
Try replacing transparent instead of gray background color for your header image like:
div.art-Header-jpeg {
background-image: transparent url(images/Header.jpg);
}
If gray color still comes try to find out from where it comes and remove it.
|
| |
calsnoboarder
|
When you create a wordpress theme, it creates two files named header. One is a jpeg, the other is png. PNG supports transparency so you can simply go into your theme/images folder and opening up the png file, deleting whatever background color is there and reuploading the file. Then you go into your style.css file and find the div.art-Header-jpeg and change the url to (images/Header.png); which will then show the png with a transparent background instead of the jpeg with the solid background.
Not an elegant solution, but one that works well enough.
|
| |
John
|
I've done transparent header before but now when I try it I get same problem as Donna, just a grey background. I replaced Header.png with transparent but no go.
Here is the url I'm testing it out on: http://highwaters.net/testing/
Any thoughts? You can see my background behind it that I'm trying to get to show if the header would become transparent.
|
| |
jt
|
The grey is your body colour, so your header is transparent the header is overlaid on the the body. You will need to have a transparent body to see through to the brown below.
To check these sort of things use the Inspect Element tool in Firefox.
|
| |
Garry
|
I also agree with JT it seems like your body background color is not transparent which is preventing your background image to display.
|
| |
John
|
Thanks, the body background seemed to be the issue.
|
| |