Remove space on product page

Solved

Remove space on product page

Louver
Excursionist
23 0 3

Screenshot 2025-01-19 at 00.27.00.png

 

Hey there, first of all, I am on symmetry theme. This is my product page.

 

I have a very simple question. How do I remove the white line in between the pictures so that pictures touch each other. I guess some simple CSS code?

Accepted Solution (1)

Burte
Excursionist
15 4 5

This is an accepted solution.

Hi!

Do you have styles.css files?

Add 

 

.gallery--layout-columns-1 .product-slideshow:not(.slick-slider) .slide {
margin-bottom: 0;
}

View solution in original post

Replies 3 (3)

Burte
Excursionist
15 4 5

This is an accepted solution.

Hi!

Do you have styles.css files?

Add 

 

.gallery--layout-columns-1 .product-slideshow:not(.slick-slider) .slide {
margin-bottom: 0;
}
Louver
Excursionist
23 0 3

Thank you Burte, that worked!!

devcoders
Shopify Partner
1003 127 251

Hello @Louver 

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!