Reduce Header Padding in Metro Theme

[WendyYohe]

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

[David Chu]

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

[WendyYohe]

Thanks Dave! It worked perfectly!

Have a great weekend!  =)

[WendyYohe]

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!

[David Chu]

Yay!  I love CSS.  🙂

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts