How to make header color transparent?
  • michellekraemermichellekraemer October 2011

    Hello-

    I have read the posts about how to make the header color transparent, and I have done something and now my background for the main content is transparent... instead of the header. Help!

    Please let me know what I can do to get the background back and the header to be transparent.

    Thanks,

    Jordyn

    www.tulleandteacups.com

  • michellekraemermichellekraemer October 2011

    Ok... I fixed the background from being transparent, is there anyway to delete header background color?

  • cbavotacbavota October 2011

    The header can be styled like so:

    #header { background: transparent; }

  • michellekraemermichellekraemer October 2011

    is this placed in css code? in header section? because thats where I put it and it doesnt look like its working... :(

  • michellekraemermichellekraemer October 2011

    I also tried erasing it from the wp editor and putting it in the custom css file under mag premium tab.. still nothing :(

  • cbavotacbavota October 2011

    All CSS has to go into the Custom CSS editor. You may have to use the !important declaration in order to get it to work:

    #header { background: transparent !important; }

  • michellekraemermichellekraemer October 2011

    Tried this as well.. still nothing. There has to be a way :( My site would look so much better if it were transparent! Thanks so much for your help thus far. Please let me know if you can think of any other way.

  • cbavotacbavota October 2011

    Ok. The only other workaround would be to make the background for the body transparent, and then surround the main content and sidebar with a div container that you can then add a background color to. Does that make sense?

  • I also need a way to make my header transparent.

  • Ok so I set to figure out how to fix the problem. I put a div tag after the header section that was called wrapper. The code is below. (the code below is in the Custom CSS. I also added #header {background: transparent;} to the custom CSS tab.


    #mainwrapper {
    position: absolute;
    top: -220px;
    background: #ffffff;
    margin-top: 200px;
    float: left;
    width: 100%;
    position: relative;
    }


    I placed the wrapper div tag between the following code. Opening tag.


    echo '</ul></div>';
    }
    ?>
    </div>
    <!-- end header -->
    <div id="mainwrapper">
    <?php
    $sidebar_layout = get_post_meta($post->ID, 'pbt_single_layout', true);
    $loc = pbt_theme_option('sidebar_location1');
    if($sidebar_layout==2 && is_singular()) {
    // nothing
    } else {
    if($loc==1 || $loc==3 || $loc==5) {
    if(pbt_theme_option('sidebar_width1')!=0) get_sidebar(); // calling the First Sidebar
    }
    }
    ?>




    I then placed the close tag of the div id=wrapper tag before the closing body tag.

    I hope this helps.

  • charlesdevrecharlesdevre February 11

    Take a look at this site: www.charlesdevre.nl.
    Watch and scroll.
    If it's the transparency in the header you're looking for,
    let me know and I'll try to find out how I did it.
    One thing for sure, I did not change the css.

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