woocommerce основное содержимое страницы не меняется по ширине

Question

Я попробовал несколько подходов, чтобы расширить основное содержимое моей страницы woocommerce, чтобы оно занимало всю ширину экрана (или около 98%).

Однако мой CSS не имеет никакого эффекта.Я попробовал следующий код:

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

div.container {
    padding: 0!important;
}

Это более или менее похоже на скриншот ниже:

Когда я хочуэто должно выглядеть так:

Есть идеи о том, что мне здесь не хватает?