css - 增加页脚小部件宽度和居中菜单(WordPress)

Question

我目前正在尝试让我的页脚菜单居中并显示在一行中。目前，由于某种原因，它在 2 条线上。

网站是:http://museiam.ca/

我正在努力实现这一目标(图片):http://museiam.ca/wp-content/uploads/LookBookPage_1.jpg

我使用的主题允许在页脚区域选择 3 或 4 个小部件。我目前将其设置为 3。菜单本身位于一个小部件中，包括客户服务 - 时事通讯链接，其中“关注我们”链接位于另一个带有所有社交图标的 HTML 文本小部件中。我试图将所有内容放在一条线上，并像图片中那样居中，填充相等。

我试图增加菜单宽度的小部件但没有成功。这是我试过的 CSS:

.widget widget_nav_menu .menu-footer-1-container {
width: 800px !important;
}

我愿意接受任何输入或解决方案来实现我想要的外观。感谢您的关注。

Answer 1

寻找这个 .container_12 .grid_4 并将宽度更改为 100%

.container_12 .grid_4 {
width: 100%;
}

此外，您还有另一个小部件，其中有一个空文本帖子，请将其删除。