Reduce Header Padding in Metro Theme

Community Forums Forums General Discussion Reduce Header Padding in Metro Theme

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  David Chu 1 year, 7 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #23304

    WendyYohe
    Participant
    Post count: 14

    I would like to reduce the top padding on the header in Metro. I can’t seem to locate it in the stylesheet.

    Any help would be appreciated.

    Thank You!

    Wendy
    Johnstown360.com

    #23440

    David Chu
    Participant
    Post count: 1373

    Hi – The big wrapper is handling that.  You should see this line in your CSS.

    #wrap {
    clear: both;
    padding: 2rem;
    }

    —- replace the above with this, for instance —

    #wrap {
    clear: both;
    padding: 1rem 2rem 2rem;
    }

    This will bring the header up sme.  Adjust to taste.

    Best, Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #23478

    WendyYohe
    Participant
    Post count: 14

    Thanks Dave! It worked perfectly!

    Have a great weekend!  =)

    #23480

    WendyYohe
    Participant
    Post count: 14

    For anyone wanting to use this – a little clarification.

    You will see this in your CSS -

    #wrap {
    clear: both;
    padding: 36px;
    padding: 2rem;
    }

    And I replaced the above with this, (I adjusted the padding slightly to retain the side padding) -

    #wrap {
    clear: both;
    padding: 1rem 2.25rem 2.25rem;
    }

    Thanks again Dave!

    #23493

    David Chu
    Participant
    Post count: 1373

    Yay!  I love CSS.  :-)


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.