WooCommerce Storefront - как настроить каталог продукции и уменьшить пробелы?

Question

Недавно я пытался включить фильтр товаров в левой боковой панели моей темы Woocommerce. При этом я обнаружил, что макет отображается неоптимальным образом.

Это изображение иллюстрирует изменения, которые я пытаюсь внести.

Слева от боковой панели много места, я пытаюсь получить боковой панели, чтобы обнять левую часть окна браузера. В правой части каталога продукции также есть пробелы. Опять же, я хотел бы, чтобы каталог занимал место прямо до правой части окна браузера.

Я бы хотел сместить заголовок «Одежда» и содержимое под ним вверх по странице, чтобы он находился в соответствии или чуть ниже «Дома> Одежда навигации».

Я проверял код на странице и пытался внести изменения в CSS, но пока мне не повезло.

Answer 1

Попробуйте этот код в вашей активной функции темы. php

add_action('wp_footer', 'full_width_override');

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