页面的woocommerce主要内容的宽度没有变化

Question

我尝试了几种方法来扩展woocommerce页面的主要内容，以占据整个屏幕宽度（或大约98％）。

但是，我的CSS没有任何作用。我已经尝试了以下代码：

div#content-area {
    width: 100%!important;
    margin: 0!important;
}

div.container {
    padding: 0!important;
}

或多或少看起来像下面的屏幕截图：

当我希望它看起来像这样：

关于我在这里缺少什么的任何想法？