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

Logo padding

Discussion in 'Styling and Customization Questions' started by Solidus, May 6, 2012.

  1. Solidus

    Solidus Well-Known Member

    http://gfxforums.net
    I want to remove the left padding by my logo, but I'm having a hard time finding the css which is doing this. Any help?
     
  2. Chris D

    Chris D XenForo Developer Staff Member

    The div that contains your logo has an id of "logo".

    Your CSS contains this:

    Code:
    #logo {
    margin-left: 18px;
    }
    This is most likely going to be in header.css.

    Just remove the margin-left: line completely to fix.
     
  3. Solidus

    Solidus Well-Known Member

    That's exactly what I thought, but it's not there. Header.css

    Code:
    #header
    {
        @property "header";
     
        @property "/header";
    }
     
    {xen:helper clearfix, '#header .pageWidth .pageContent'}
     
        #logo
        {
            display: block;
            float: left;
            line-height: {xen:calc '@headerLogoHeight - 4'}px;
            *line-height: @headerLogoHeight;
            height: @headerLogoHeight;
            vertical-align: middle;
        }
     
            /* IE6/7 vertical align fix */
            #logo span
            {
                *display: inline-block;
                *height: 100%;
            }
     
            #logo a:hover
            {
                text-decoration: none;
            }
     
            #logo img
            {
                vertical-align: middle;
            }
     
        #visitorInfo
        {
            float: right;
            min-width: 250px;
            _width: 250px;
            overflow: hidden; zoom: 1;
            background: @primaryLighter;
            padding: 5px;
            border-radius: 5px;
            margin: 10px 0;
            border: 1px solid @primaryDarker;
            color: @primaryDarker;
        }
     
            #visitorInfo .avatar
            {
                float: left;
                display: block;
            }
     
                #visitorInfo .avatar .img
                {
                    border-color: @primaryLightish;
                }
     
            #visitorInfo .username
            {
                font-size: 18px;
                text-shadow: 1px 1px 10px white;
                color: @primaryDarker;
                white-space: nowrap;
                word-wrap: normal;
            }
     
            #alerts
            {
                zoom: 1;
            }
     
            #alerts #alertMessages
            {
                padding-left: 5px;
            }
     
            #alerts li.alertItem
            {
                font-size: 11px;
            }
     
                #alerts .label
                {
                    color: @primaryDarker;
                }
     
  4. Chris D

    Chris D XenForo Developer Staff Member

    Hmm,

    Ok, I've looked it up in Chrome in your site and your CSS contains this somewhere:

    Code:
    /* logo temporary margin fix */
    #logo {
    margin-left: 18px;
    }
    I would use the Search Templates feature in the Admin CP and search for this in contents: "/* logo temporary margin fix */". I'm guessing there's another template that overrides what's in header.css.
     
    Solidus likes this.
  5. Solidus

    Solidus Well-Known Member

    Perfect, thank you. It was in a custom template created by the theme, I would of never found that.
     

Share This Page