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

时间:2014-10-30 22:21:11

标签: css wordpress menu widget footer

我目前正试图让我的页脚菜单居中并显示在一行上。目前,由于某种原因它在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;
}

我愿意接受任何输入或解决方案以实现我想要的外观。感谢所有人,感谢你们。

2 个答案:

答案 0 :(得分:0)

查找此.container_12 .grid_4并将宽度更改为100%

.container_12 .grid_4 {
width: 100%;
}

此外,你有另一个小部件,其中有一个空文本帖子,删除它。

答案 1 :(得分:0)

您正在使用3'grid_4'div来填充'container_12'父div。你需要做什么(从我的角度来看)如下:

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

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

  3. 为了让孩子们居中,请在他们身上'显示:内联阻止'(我想你已经做过这个了)。