Global expansion, localizing content, and selling in multiple currencies and languages
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!
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;
}
@made4Uo It worked very well! Thank you. But could you give me a code to make the whole page smaller?
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;
}
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023