Archived topic
Before Header Content Margin and Padding Adjustment
1 reply · Started by Mike Buzzell on July 25, 2014
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
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