Make the product page width smaller / Warehouse theme

[jtorres]

Hello, I would like to make the product page smaller, just like this:

This is my website: https://lovelmexico.com/products/depilador

Thank you for your help on advantage!

[made4Uo]

Hi @jtorres,

Please use the code below

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the theme.css
3. Paste the code below at the very bottom of the file.

[data-section-type="product"] .container.container--flush {
    max-width: 1200px;
}

[jtorres]

@made4Uo  It worked very well! Thank you. But could you give me a code to make the whole page smaller?

[made4Uo]

Hi @jtorres,

My understanding is only the product page, not including the header or the footer. If so, please replace the code provided with the code below

[data-section-type="product"], [data-section-type="product-recommendations"], [data-section-type="recently-viewed-products"], #shopify-section-static-text-with-icons, #vitals-end-section {
    max-width: 1200px;
    margin: auto;
}

[data-section-type="product"] > div, [data-section-type="product-recommendations"] > div, [data-section-type="recently-viewed-products"] > div {
    padding: 0;
}