Footer widget problems in eleven 40

[Maja]

Struggling with my footer widgets. Ain't looking good. I'm trying to get the 3 widgets to be moved towards the center of the page to be set nicely next to each other in the middle of the page. I've tried to add padding left of widget 1 and right of widget 3 but it does just work to a certain point. Then the widgets starts to move around the page............

Any hints on how to make this turn out nice is more than appreciated.

/Maja

http://bestbuddyab.com

[Tony @ AlphaBlossom]

Hello,

There's a lot of ways to do it. Try adding this to your theme's style.css file and see if it does what you'd like:

.footer-widgets > .wrap {
    display: table;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

.footer-widgets > .wrap > .widget-area {
    display: inline-block;
    float: none;
    margin: 0 auto;
    padding: 0 7%;
    text-align: left;
    vertical-align: top;
    width: auto;
}

Then you can adjust the padding (left/right) for responsive sizing, etc.

Hope that helps!

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Super Smiths]

Thanks.

---

Locksmith Tallahassee

[Author]

Posts