Return to previous page

Change store page width and product card page

This topic has 7 replies, 3 voices, and was last updated 2 years, 7 months ago ago by misha

misha

Participant

April 10, 2022 at 13:08

Здраствуйте,

Подскажите как изменить ширину страницы магазина и ширину и страницы карточки товара?

Основная ширина сайта 1920px, я хотел уменьшить эти страницы и сделать их максимально 1248px (только внутренний контент не трогая Header и Footer)

Вы мне ответили тут https://www.8theme.com/topic/how-to-change-the-xstore-site-width-for-specific-pages-please-help/#post-191406

Почему-то не получилось при введении кода.

С уважением,

#321730 Copied Theme version: 8.1.3

6 Answers
Olga Barlow

Support staff

April 11, 2022 at 15:35
Hello,

Use the below custom
```
@media only screen and (min-width: 1300px){
    .container.content-page {
        width: 1248px;
    }
}
```
Regards
#321787 Copied
misha

Participant

April 14, 2022 at 13:23

Здраствуйте!

Спасибо, стало все хорошо.
Подскажите, пожалуйста, какое название контейнера (…. .container) для страницы категорий магазина?

С уважением

#322026 Copied
Rose Tyler

Support staff

April 15, 2022 at 08:15
Hello,

https://prnt.sc/vNoRg-ndg5yZ , so code for the Shop page –
```
@media only screen and (min-width: 1300px){
    .woocommerce-shop .container.content-page {
        width: 1248px;
    }
}
```
Regards
#322068 Copied
misha

Participant

April 16, 2022 at 11:57

Здраствуйте,

Да, все хорошо получается на страницах: страница магазина (.woocommerce-shop .container), страница товара (.single-product .container).
Ну когда переходишь на страницу категории товара (…), то разрешение меняется на стандартное. Я не могу найти нужное название контейнера, чтоб добавить его в код. Как ранее Вы писали название контейнера для страницы магазина – (.woocommerce-shop .container), и страница товара – (.single-product .container).

С уважением

#322150 Copied

Rose Tyler

Support staff

April 16, 2022 at 15:22

Hello,

.tax-product_cat .container

Regards

#322162 Copied

misha

Participant

April 17, 2022 at 07:07

Здраствуйте,

Спасибо!

С уважением

#322170 Copied
Tagged: change store width, customize, product card page, responsive, themes, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Change store page width and product card page’' has been successfully resolved, and the topic is now closed for further responses

Change store page width and product card page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection