Header Image Size Change

  • mdixon

    #34441

    Tried it and there was no change in appearance.

    #top-bar {
    background: url(images/top-bar-background.png) repeat !important;
    border-bottom:0;
    margin-top: 0px;
    position: absolute;
    overflow: visible;
    }
    #top-bar, .top-bar-preview .top-bar {
    background: url(images/top-bar-background.png) repeat !important;
    }

    Anonymous

    #34442

    Let’s see if IE 8 & 9 honour this,

    function transparent_top_bar_bg_ie(){ ?>
    <!--[if gte IE 8]>
    <style type="text/css" media="screen">
    #top-bar {
    background: none !important;
    border-bottom:0;
    margin-top: 0px;
    position: absolute;
    overflow: visible;
    }

    #top-bar, .top-bar-preview .top-bar {
    background: none !important;
    }
    </style>
    <![endif]-->
    <?php
    }
    add_action( 'wp_head', 'transparent_top_bar_bg_ie' );

    mdixon

    #34443

    Copied to my child theme’s functions.php…no change.

    I was looking in Firebug to see what other styles might be affecting the top-bar, but can’t find that blue gradient anywhere. Must be a default IE thing?

    Anonymous

    #34444

    Try this:

    #top-bar {
    -ms-filter:none !important;
    }

    You’re unable to see it in firebug, because it’s not active. Open IE9 and hit F12.

    It’s inline element located in includes/theme-head.php.

    mdixon

    #34445

    Genius! That did it—thank you!

Viewing 5 posts - 11 through 15 (of 15 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.