Making product grid full width and removing white space between images

Solved
BeckyW96
Tourist
5 0 3

Hi, 

I'd like to make my product grid full with and to remove the white space between the images, as well as from the top and bottom. I've tried several different solutions, but they haven't worked, probably because I'm using the debutify theme. Basically I'd like the product grid from the boundless theme on my debutify theme. If there's a way I can copy it over or just add in the code to make it function as such, it'd be really useful.

Thanks in advance

First image is my store, second is how I'd want it to look on the boundless theme

My site currentlyMy site currentlyThis is what I'd like, if possible, with the hover option to show product detailsThis is what I'd like, if possible, with the hover option to show product details

 

ivyandsage.co.uk

password: ch3jifj

KetanKumar
Shopify Partner
18857 1983 6987

This is an accepted solution.

@BeckyW96 

sorry for this issue, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#shopify-section-1620421189412b174a .wrapper {
    max-width: 100%;
    padding: 0;
}
#shopify-section-1620421189412b174a .grid.grid-spacer {
    margin: 0;
}
#shopify-section-1620421189412b174a .grid-spacer>.grid__item {
    padding-left: 0;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BeckyW96
Tourist
5 0 3

Thank you, that's helped. Is there anyway I can reduce the padding at the top too?

 

Screenshot 2021-05-12 at 23.38.04.png

KetanKumar
Shopify Partner
18857 1983 6987

@BeckyW96 

oh sorry for this issue please add this code

#shopify-section-1620421189412b174a .box {
    padding: 0;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing