How to adjust space between product listing images? Please help

Hi,hope everyone are doing well,

This is Lauren, I am confused with code, I wonder how to adjust the space beteen products. I want to increase space between each products on my homepage or products page. Please help, I will be much thankful for anyone who can give some advice!

Hi @Lauren-511
Thank you for your question.
Which theme, that you are using for your store
Please share your store URL, page URL and also password (if your store has one) so we can help you.

1 Like

Thanks for your response, I am using Stiletto theme (Chic)

https://my-fashion-box-s.myshopify.com

Password: Lauren

Hi @Lauren-511
I just checked your page, I’m not sure my solution is the best, because your theme use Javascript code to generate spacing
But You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.

.featured-collection-slider__content .featured-collection-slider__product{
margin-right: 10px!Important;
}

Better than if you can share the store access then I can login to the store to check and help you.

1 Like

Hi Rookie,

Thank you so much for your code, but it doesn’t seem right.

(By the way, I was trying to increase space between all products, not only in the featured-collection section. And I also want to make the product image look smaller on the screen)

So, how can i give you the access to my store? Here is my store code for partner request: 6906 ( I’m not sure how this works)

Thank you