Want header image and top bar transparent

ice48623
November 17, 2011 at 11:31 am #2338

I want to have a transparent in header image and top bar.

Mod

Kenneth John Odle
November 17, 2011 at 2:36 pm #19838

A transparent what? Do you mean that you want the background to show through? You can achieve that on the top bar with

`#top-bar {background:none;}’

ice48623
November 18, 2011 at 9:58 am #19839

How about the header bar? I want it to be transparent so I can see the background.

Anonymous
November 18, 2011 at 10:02 am #19840

Do you mean your image in the header?

You would need to set the transparency of your image in Photoshop (or it’s equivalent) and save the image as a .png file. Then, use that .png image in your header.

ice48623
November 18, 2011 at 10:04 am #19841

I’ll try that, Thanks.

ice48623
November 18, 2011 at 10:18 am #19842

Now I got it, but the problem is it have a white line between top bar and header bar. How to delete it.
Anonymous
November 18, 2011 at 11:08 am #19843
Add this to your css:
```
#top-bar {border-bottom: none;}

#header {border-top: none;}
```
ice48623
November 18, 2011 at 11:24 am #19844

I add you code to custom css, but nothing is change.

Anonymous
November 18, 2011 at 12:04 pm #19845

Your #top-bar still has it’s border-bottom. Make sure you added both of the properties above.

ice48623
November 20, 2011 at 3:50 pm #19846

Now I got it, Thanks.