Make the product page width smaller / Warehouse theme

Start a Business
1

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

Captura de pantalla 2022-09-06 a las 17.47.35.png
Captura de pantalla 2022-09-06 a las 17.47.35.png1018×820 226 KB

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

Thank you for your help on advantage!

2

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;
}
3

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

4

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;
}