Make the product page width smaller / Warehouse theme

jtorres
Explorer
66 0 17

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

 

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

 

Thank you for your help on advantage!

Replies 3 (3)

made4Uo
Shopify Partner
3833 716 1167

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

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
jtorres
Explorer
66 0 17

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

 

made4Uo
Shopify Partner
3833 716 1167

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

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free