Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Before Header Content Margin and Padding Adjustment

Home Forums Support Before Header Content Margin and Padding Adjustment

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #6509
    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

    #6512
    Tom
    Lead Developer
    Lead Developer

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.