StoreFront – как изменить ширину сайта

Ширина сайта в теме StoreFront – 1148 пикселей. За ширину сайта отвечает CSS-класс .col-full. Изменяя его значение, можем регулировать ширину сайта.

.col-full {
	max-width: 1400px;
}

.col-full {
	max-width: 100%;
}

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

Карточка товара

В карточке товара у нас появляется “дырка” между изображением и контентом. Для этого изменим CSS-стили для этих блоков.

.single-product div.product .woocommerce-product-gallery {
    width: 30%;
    margin-right: 5%;
}
.single-product div.product .summary {
    width: 65%;
}