How can I reduce the white columns between each collection?

How can I reduce the white columns between each collection?

nerveconcepts
Excursionist
36 0 2

How can I reduce the white columns between each collection and if it is possible to align the price with the name of the product as shown in the following image:

muestra.png

 

 

Thank you

Replies 4 (4)

PageFly-Richard
Shopify Partner
4854 1091 1764

Hi @nerveconcepts 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>

.product-grid {
    column-gap: 1px !important;
}

</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

nerveconcepts
Excursionist
36 0 2

Yes, thank you very much, but you can still see the margins on the sides, is there a way to remove them?Captura de pantalla 2024-03-26 a la(s) 6.45.39 p.m..png

diego_ezfy
Shopify Partner
2970 571 921

Hello @nerveconcepts@nerveconcepts,

Please share:
1. your store URL;
2. page URL with the issue you mention;
3. storefront password (if your store has one).

If the store is not online yet, kindly share the preview URL.