Metro Pro – widget area header

[kmmackey]

Hi,
I am building this site - http://ysc-fire.com/wordpress/.
I have placed ("Specializing in All Aspects of the Fire Protection Industry.
Quality, Dependability & Integrity etc....) in the header right widget . I need the spacing to be equal above and below the words. But the spacing below is much larger. I see this --- <aside class="widget-area header-widget-area"> --- in the css file but I cannot find where to edit it and I am not sure if that is the best way to correct my problem anyway. I would appreciate some help with this. Thanks in advance. KM

http://ysc-fire.com/wordpress/

[Brad Dalton]

Use Firebug to find the correct class and modify the value in real time using your browser app before changing your themes code.

You could wrap the text in the widget in a new class but its not needed.

---

Tutorials for StudioPress Themes.

[jodzeee]

The CSS that's controlling it is:

.widget {
margin-bottom: 32px;
margin-bottom: 3.2rem;
word-wrap: break-word;
}

But changing that might change other widgets you don't necessarily want to change, so you can be more specific:

.header-widget-area .widget {
margin-bottom: 32px;
}

Here's a tutorial on finding and changing your CSS
http://www.studiopress.com/tips/using-firebug.htm

[Author]

Posts