在Wordpress中居中小部件

Question

我正在尝试构建一个居中的三段脚。

joshuasommer.net

这是我的......

.widget-area {
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    border-top: 1px solid #ccc;
}

.widget-title {
    font-weight: bold;
}

.widget {
    width: 200px;
    float: left;
}

我已经构建了这些部分。我只需要将它们放在页面上。

Answer 1

在您的页脚中，将两个<aside>部分添加到另一个div，其中包含课程widget-child并为此课程提供css

<div id="secondary" class="widget-area" role="complementary">
    <div class="widget-child">
        <aside id="nav_menu-3" class="widget widget_nav_menu"></aside>
        <aside id="nav_menu-4" class="widget widget_nav_menu"></aside>
    </div>
</div>

.widget-child {
    width: 500px;
    margin: 0 auto;
}