Helpful Information

Category: vB5 Design and Graphics Discussions

Make header_backgrounds transparent

Like the topic says. I'm trying to make my header backgrounds transparent so my 2 logos will use my backgrounds image as "background" I've searched and test and test with no luck so I'm asking you guys how to continue with this.

I'm using Vbulletin 5 and my site url is http://www.riversidegaming.com

thanks guys!

Attach the logos to a reply so I can see what you have. I went to your site and only see one logo. Is it the only one?

Thanks for the replay GaryT!

Here is the images I use in the header.

RG Logo: http://www.riversidegaming.com//filedata/fetch?filedataid=13

RIVERSIDE GAMING: http://riversidegaming.com/images/css/test.png

The second one you can't see here because the image color of the text is white

Ok, the two images have transparent backgrounds, that's the way it should be. Your header area color is black and shows through the transparency of the logos (as it should). Also, the top of your page background is black so even if you change the header color to transparent as I was going to suggest, the page background image will be the logo's background. You are still going to have black as your header color. (unless you change your pages background to something that is not black on top.

But if I make the head_backgrounds transparent (removed the hex color code) it turns to white background.

But if I make the head_backgrounds transparent (removed the hex color code) it turns to white background.

Put it back like it was then. Without seeing the code you have I would have no other ideas.

Try this: Add to the end of your additional.css file.

#wrapper {
background-color: transparent;
}

#header {
background: url("images/css/test.png") no-repeat scroll 90px 37px transparent;
}

I do not have a clue what your "test.png" does, but I included it.

thanks for the replay tbworld I tested the code you gave me and it removed the background from all my module boxes on my starta page. It did not do anything to the header_background

cheers and thanks.