1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 Header Re size Help

Discussion in 'Styling and Customization Questions' started by SamG, Feb 27, 2015.

  1. SamG

    SamG Member

    I have made a test header trying to get the header to re size itself to smaller resolutions, so I made the image purposely bigger to test this but the code I am adding doesn't seem to be working.
    This is the code i have in the ad_header at the moment:

    <xen:hook name="ad_header"/>
        @property "header";
        background-image: url('@imagePath/flexile/test.png');
        background-repeat: no-repeat;
        background-position: top;
        -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@imagePath/flexile/test.png', sizingMethod='scale');
                -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@imagePath/flexile/test.png', sizingMethod='scale')";
        @property "/header";
    Does anyone see anything wrong here? I have tried other codes but they didn't work either.
    Last edited: Feb 27, 2015
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    That CSS should go in this template:

    Admin CP -> Appearance -> Templates -> EXTRA.css
    Amaury likes this.

Share This Page