增加页脚小部件宽度和居中菜单（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%;
}

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

Answer 2

您正在使用 3 个“grid_4”div 来填充“container_12”父 div。您需要做的（从我的角度来看）如下：

1. 使用单个“grid_12”div 来包装菜单，而不是将其分成 3 个“grid_4”。

2. 然后，给菜单 UL 'align: center'

3. 为了使 li 孩子居中，请在他们身上使用“display: inline-block”（我想你已经这样做了）。