Remove the sides margins of the collection

[nerveconcepts]

How can I remove those margins on the sides as you can see in the image, I have tried many ways but I have not been able to do it.

Thank you

[Soma1]

Which theme you are using Dawn? if dawn is used you can adjust this gap here

online store → themes → customise theme → click on theme settings icon → layout → Horizontal space adjust this space

[PageFly-Henry]

Hi @nerveconcepts

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

slider-component.slider-mobile-gutter.page-width.page-width-desktop {

padding: 0 !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[nerveconcepts]

thanks, it worked but it is a little bit on the right side, can it be fixed?

[niraj_patel]

Hello @nerveconcepts

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

slider-component.slider-mobile-gutter.page-width.page-width-desktop.scroll-trigger.animate--slide-in { padding: unset !important; max-width: 100% !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[nerveconcepts]

still has some margin on the right side

[niraj_patel]

Try This

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

slider-component.slider-mobile-gutter.page-width.page-width-desktop.scroll-trigger.animate--slide-in { padding: unset !important; max-width: 100% !important; margin: unset !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[nerveconcepts]

no change

[niraj_patel]

can you share store URL?

[nerveconcepts]

https://nerve-concepts.com/

[websensepro]

Hello @nerveconcepts ,

Try this code for solves the margin issue

Go to online store >themes > Edit code > Find base.css file

Add to the given code at the bottom in the file base.css

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

save changes.

[nerveconcepts]

still does not work

[niraj_patel]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

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

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[nerveconcepts]

Thank you so much, it worked!!, one last thing, how can I move the name of the store a little to the right and make the text smaller, as shown in the image?

[niraj_patel]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.card-wrapper .card--standard>.card__content .card__information .card-information>.price { margin-top: -2px !important; font-size: 11px !important; } .card-wrapper .card--standard>.card__content .card__information .card__heading { margin-right: unset !important; padding-left: 20px !important; font-size: 11px !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[nerveconcepts]

thank you!!