Transparent Header?
  • annettekellyannettekelly January 2011

    Hi,

    I have created an image to put in the custom background.
    I then created a png header with just the title of the site. I then set the header transparency in the custom css using
    the css override code:
    #header { background: none !important; }

    But now the background is white because the body background is white.
    If i change the background of the body to transparent the whole site background becomes transparent!
    This is not what i want!

    So to recap i what the header to be totaly transparent because i have images on my custom background i would like to be displayed.
    I still want the body beneath the header to obviuosly be white so i can see the content, nav, sidebars etc.

    any ideas?


  • birgitwittekbirgitwittek January 2011

    @annettekelly

    I believe this code is for Transparent Backgrounds:

    #header { background: none !important; }

    When is true then can you this delete.

    I believe this code is better but I don't know it will works... (ask then cbavota)

    #headerimage{background-color: transparent;}

    add in custom CSS. When not work then helps cbavota.

    Use you a transparent header PNG?

    When you make your Title to png you can use this very nice Logo Generator, this makes very many fonts to a Logo/header image and add the setting Transparent:yes

    http://www.cutelogomaker.com

    When you wish to make the image shorter or biger can you use

    http://pixlr.com/editor (under image - image size, and save with transparent background)

    Then is better the image to compress, better load times for website

    http://www.punypng.com

    Maybe helps...

    Greetings

    http://vigilanz.eu



  • garretmerkleygarretmerkley February 9

    That doesn't work.

  • cbavotacbavota February 14

    You would need to wrap the content area with a new div container, then you can set both the header and the body background to transparent and the new div container background to white.

Add a Comment

Hey there!

Take a look around, and if you would like to add a comment or start a discussion, register by clicking on the button below.

Register

Categories

In this Discussion

Tagged