Want header image and top bar transparent

  • ice48623

    #2338

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

    Mod

    Kenneth John Odle

    #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

    #19839

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

    Josh

    #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

    #19841

    I’ll try that, Thanks.

    ice48623

    #19842

    Now I got it, but the problem is it have a white line between top bar and header bar. How to delete it.

    Josh

    #19843

    Add this to your css:

    #top-bar {border-bottom: none;}
    #header {border-top: none;}

    ice48623

    #19844

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

    Josh

    #19845

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

    ice48623

    #19846

    Now I got it, Thanks.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.