css - 一个页脚小部件区域而不是 3 个？ [WordPress]

我有一个主题为 Retailer 的 WooCommerce 商店设置。该主题当前设置为具有 3 个页脚小部件占位符，方法是使用网格允许放置 3 个小部件。我本质上想要的只是一个带有 1 个网格的小部件，它占用整个页面/主容器的宽度。

我已经尝试过并取得了成功:

页脚小部件 CSS

.container_12 .grid_4 { //Expands widget to width of container
    width: 100%;
}

但是，当我这样做时，左侧的商店侧边栏菜单消失了。当我删除该 CSS 时，页脚返回到现在的方式并出现侧边栏。

目前我取出了小部件的 CSS 代码，这就是显示商店菜单的原因。但请注意页脚菜单是如何困惑的。本质上，我希望它像这样在中心的一行中居中:

这是包含侧边栏的网格的 CSS:

商店边栏 CSS

.container_12 .pull_9 {
left: -820px !important;
}

非常感谢任何输入。谢谢。

最佳答案

在样式表中添加这 3 行 CSS 将修复所有问题并使页脚内容居中显示而不影响侧边栏:

.gbtr_dark_footer_wrapper .container_12 .grid_3 {
     width: 100%;
}

上面的代码所做的是它专门针对页脚内的 .grid_3 并将其宽度从 220px 增加到 100% 因此使页脚的内容居中。

下面是添加上述代码后的效果图:

enter image description here

关于css - 一个页脚小部件区域而不是 3 个？ [WordPress]，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26770639/

相关文章：

jquery - 如何在横幅前设置图片？