amy_knowlton Posted February 24, 2021 Share Posted February 24, 2021 (edited) Site URL: https://onion-guitar-w3xs.squarespace.com/ Hi! I inputted some code to re-organise the order of my product description so that the product info sits above the button but now my line height is far too big. I just wondered if there was a way I can amend this and reduce the line height between the header, price & product info? The password for my url is peanutsandpomelo CODE: @media screen and (max-width:640px) { section.ProductItem-summary.clear { display: flex; flex-direction: column; } figure.ProductItem-gallery { order: 0; } .collection-type-products .ProductItem-details .ProductItem-details-excerpt { order: 2; } .collection-type-products .ProductItem-details h1.ProductItem-details-title{order:1;} } Edited February 25, 2021 by amy_knowlton Link to comment
tuanphan Posted March 1, 2021 Share Posted March 1, 2021 Add to Design > Custom CSS /* Product space */ @media screen and (max-width:767px) { h1.ProductItem-details-title { margin-bottom: 5px !important; } .ProductItem-product-price { margin-bottom: 0px !important; } .product-price { margin-bottom: 0px !important; } .ProductItem-details-excerpt { margin-bottom: 5px !important; } } amy_knowlton 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
amy_knowlton Posted March 3, 2021 Author Share Posted March 3, 2021 Amazing thank-you sooo much! Link to comment
tuanphan Posted March 7, 2021 Share Posted March 7, 2021 On 3/4/2021 at 3:23 AM, amy_knowlton said: Amazing thank-you sooo much! Hi. I see products show 1/4. You can use this CSS to add an arrow slide /* Arrow slide */ /* Product slide arrows control */ @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: flex !important; } /* arrows background */ .ProductItem-gallery-carousel-controls * { background: white; } .ProductItem-gallery-carousel-controls>div { justify-content: center !important; } .ProductItem .ProductItem-gallery-carousel-controls>div::after, .ProductItem .ProductItem-gallery-carousel-controls>div::before { border-color: black !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment