nancyk 1 Share Posted October 12, 2019 Hi, How can I make the image on the Product Details Page on the Brine eCommerce template smaller? Link to post
tuanphan 9,006 Share Posted October 13, 2019 @nancyk You can add this code to Home > Design > Custom CSS @media screen and (min-width:641px) { /* Decrease Image Width */ .ProductItem-gallery { width: 40%; } /* Increase Detail Width */ .ProductItem-details { width: 60%; } } nancyk 1 You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
tuanphan 9,006 Share Posted October 15, 2019 @nancyk If the code worked. you can click "Like" (heart icon, right) Thanks. You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
nancyk 1 Author Share Posted October 16, 2019 (edited) @tuanphan, I just clicked the "like" button. One more thing: how can I make the images smaller on mobile, too? Edited October 16, 2019 by nancyk Link to post
tuanphan 9,006 Share Posted October 16, 2019 @nancyk @media screen and (max-width:640px) { .ProductItem-gallery { max-width: 50%; margin: 0 auto; } } nancyk 1 You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment