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 ispeanutsandpomelo
Question
amy_knowlton 0
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;}
}
Link to post
Top Posters For This Question
2
2
Popular Days
Feb 24
1
Mar 1
1
Mar 3
1
Mar 7
1
Top Posters For This Question
amy_knowlton 2 posts
tuanphan 2 posts
Popular Days
Feb 24 2021
1 post
Mar 1 2021
1 post
Mar 3 2021
1 post
Mar 7 2021
1 post
Popular Posts
tuanphan
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-
Posted Images
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment