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
3787 710 1104

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

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
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
3787 710 1104

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

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!