css - WooCommerce 店面 - 如何自定义产品目录并减少空白？

Question

我最近一直在尝试在我的 Woocommerce 主题的左侧边栏中启用产品过滤器。在这样做时，我发现布局以次优方式显示。

此图像说明了我正在尝试进行的更改。

侧边栏左侧有很多空间，我试图让侧边栏紧贴浏览器窗口的左侧。产品目录的右侧也有空白。同样，我希望目录能够填充浏览器窗口右侧的空间。

我想将“服装”标题及其下方的内容移至页面上方，使其与“主页>服装导航”对齐或位于其下方。

我一直在检查页面上的代码并尝试对 CSS 进行修改，但到目前为止我还没有运气。

Answer 1

在您的活动主题 function.php 中尝试此代码

add_action('wp_footer', 'full_width_override');

function full_width_override(){
    echo '<style>.col-full{max-width:80% !important;}</style>';
}