Shopify themes, liquid, logos, and UX
currently there is no padding between all the product images on the collection carousel however I would like to add some padding between each one. I have tried to find how to do this in the css theme coding but have not been successful.
Here is what it looks like currently...
I would like it to look more like this,.,,
Hey
If this is not built in to the Shopify theme customiser you would have to edit the code.
If you provide a link to your store I can have a look and send you the code so you can try it adding it.
Let me know what works best for you.
Thanks,
Please share store URL!
Thanks!
Hi everyone,
Thanks so much for your responses and the offer of support.
My shop URL is: https://www.conscious.cleaning/
Many thanks,
Lyndsay
Please add following code your assets/theme.css bottom of the file.
@media only screen and (min-width: 750px){
.product-grid--slider .collection-item, .product-grid--slider .product-item:not(.one-quarter) {margin: 0px 20px 0px 0px !important;}
}
Thanks!
hello @lyndsayR
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 750px){
.product-grid--slider .collection-item, .product-grid--slider .product-item {margin: 0px 20px 0px 0px !important;}
}
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024