Question

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

我试过这个并取得了成功：

页脚小工具CSS

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

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

目前我拿出了小部件的CSS代码，这就是商店菜单显示的原因。但请注意页脚菜单是如何搞砸的。基本上，我希望它在中心的一行中居如此：

以下是包含侧边栏的网格的CSS：

Shop Sidebar CSS

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

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

Answer 1

在样式表中添加这三行CSS将修复所有内容并使页脚内容显示在中间位于中心而不影响侧边栏：

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

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

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

enter image description here