[Resolved] Before Header Content Margin and Padding Adjustment

[Mike Buzzell]

Hi Tom, I am Mike from the WordPress forum. I am using the header code you recommended to add columns in the header for widgets. What I need to do now is manage the margin and padding so the max around the widget is 2px. Here is the code in the Before Header Content area:
<div id=”header_content” class=”grid-container”>
<div class=”grid-25 mobile-grid-25 tablet-grid-25″ align=”center”>
After Header Content-25% wide
</div>
<div class=”grid-50 mobile-grid-50 tablet-grid-50″ align=”center”>
[do_widget “Awesome Weather Widget” ]
</div>
<div class=”grid-25 mobile-grid-25 tablet-grid-25″ align=”center”>
25% wide on d, m, t.
</div>
</div>

I have tried modifying the css via edit css using the header tags, but no luck. Can you help?

Mike

[Tom]

Hi Mike,

Something like this should do what you’re looking for:

<div id="header_content" class="grid-container">
<div class="grid-25 mobile-grid-25 tablet-grid-25 grid-parent" align="center">
<div class="inside-custom-widget-area" style="padding: 0 2px">
After Header Content-25% wide
</div>
</div>
<div class="grid-50 mobile-grid-50 tablet-grid-50 grid-parent" align="center">
<div class="inside-custom-widget-area" style="padding: 0 2px">
[do_widget "Awesome Weather Widget" ]
</div>
</div>
<div class="grid-25 mobile-grid-25 tablet-grid-25 grid-parent" align="center">
<div class="inside-custom-widget-area" style="padding: 0 2px">
25% wide on d, m, t.
</div>
</div>
</div>

Tom

[Author]

Posts