I am wanted to make the product variants sit side-by-side in the product description. At the moment I am only able to have them on top of each other. I am unsure if I am missing this option built into Squarespace 7.1 or will require custom css to do so.
Question
Shanty
Hi there,
I am wanted to make the product variants sit side-by-side in the product description. At the moment I am only able to have them on top of each other. I am unsure if I am missing this option built into Squarespace 7.1 or will require custom css to do so.
Link to comment
Top Posters For This Question
3
5
7
3
Popular Days
Dec 8
4
Apr 14
3
Dec 6
2
Jun 8
2
Top Posters For This Question
creedon 3 posts
tuanphan 5 posts
Praneetha 7 posts
nicolusse88 3 posts
Popular Days
Dec 8 2020
4 posts
Apr 14 2021
3 posts
Dec 6 2020
2 posts
Jun 8 2020
2 posts
Popular Posts
creedon
For the padding. .ProductItem-details .product-variants { display: flex; grid-gap: 1em; gap: 1em; width: 100%; }
nicolusse88
Thank you so much @creedon, this is perfect. I removed the padding that was automatically added below the block and it looks great. Can I contribute buying you a cup of coffee or something as a thank
tuanphan
Try adding to Design > Custom CSS @media screen and (max-width:767px) { .ProductItem-details .product-variants { display: flex; width: 100%; } }
Posted Images
19 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