Css 一个小部件区域用于页脚而不是3？[wordpress]

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

我尝试过这一点，并取得了成功：

页脚小部件CSS

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

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

然而，当我这样做时，我左边的商店侧边栏菜单消失了。当我删除CSS时，页脚回到现在的样子，侧边栏出现

请参阅本页了解我的意思：

目前，我取出了小部件的CSS代码，这就是为什么商店菜单会显示的原因。但是请注意页脚菜单是如何混乱的。基本上，我希望它在中心的一条线上居中，如下所示：

以下是用于保存侧栏的网格的CSS：

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

商店侧边栏CSS

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

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

---

非常感谢您的任何意见。谢谢。

< P>在样式表中添加这3行CSS将修复所有内容，使页脚内容以中间为中心而不影响边栏：

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

上述代码的作用是专门针对页脚内部的

.grid_3

，并将其宽度从

220px

增加到

100%

，从而使页脚的内容居中

下面是添加上述代码后的外观：

---

谢谢兄弟。谢谢你对我所有问题的帮助。你是救世主：）嘿。我注意到当调整页面大小时，左边的菜单被切断了？有什么想法吗？谢谢@crazythedon无法访问网站，显示的是即将到来的页面。很抱歉，它现在应该关闭。@crazythedon发生这种情况是因为您的边栏有一个固定的位置。您可以尝试将以下CSS添加到样式表中：

.widget\u product\u categories{left:1%；}

。