How to change the Xstore site width for specific pages? Please help

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

  • Avatar: Graham
    Graham
    Participant
    April 18, 2018 at 06:00

    Hi, there

    Can you pls tell me how to set the site width for the specific pages rather than the universal same width settings?

    The default site width is 1170px, I would like to make it wider like 1300px for the homepage and some post pages.

    Thanks and Regards
    Graham

    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 18, 2018 at 08:07

    Hello,

    There is no such options by default, but you can add this code in custom css for page http://prntscr.com/j6r4g3:

    @media only screen and (min-width: 1300px){
    .container {
        width: 1300px;
    }
    }

    Regards

    Avatar: misha
    misha
    Participant
    April 10, 2022 at 07:10

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

    А как можно сделать это в Элементов?

    Я хотел поменять ширину страницы магазина и ширину страницы карточки товара?

    С уважением,

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 10, 2022 at 07:33

    Hello,

    For Shop and Single product pages –

    @media only screen and (min-width: 1300px){
        .woocommerce-shop .container, .single-product .container {
            min-width: 1300px;
        }
    }

    Regards

    Avatar: misha
    misha
    Participant
    April 10, 2022 at 08:08

    Спасибо за ответ,

    Подскажите, куда нужно внести код?

    С уважением,

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 10, 2022 at 08:17

    Theme Options > Theme custom CSS > Global

    Regards

    Avatar: misha
    misha
    Participant
    April 10, 2022 at 08:19

    Спасибо Вам за хорошую поддержку и быстрые ответы!

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘How to change the Xstore site width for specific pages? Please help’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.