How can I increase the width of my product grid in the Debut theme?

Technical Q&A
1

Hi,

I would like to know if it was possible to increase the width of my product grid, so that it takes up the entire width on all product pages and not only on my home page ?

Thanks.

Capture d’écran 2022-05-21 à 18.12.36.png
Capture d’écran 2022-05-21 à 18.12.36.png2816×914 156 KB

My website : https://relentless-clothingz.myshopify.com

2

@Ulysse1300

can you try better look at this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.grid-view-item__image-hover {max-width: 100% !important;}
.grid-view-item__image {max-width: 100% !important;max-height: 100% !important;}
3

Thanks for the answer. I paste the code and it didn’t change anything …

4

Hi @Ulysse1300 ,

Go to Assets > theme.css and paste this at the bottom of the file:

#Collection .grid-view-item__image-wrapper {
	max-width: 345px !important;
}
#Collection .grid-view-item__image-wrapper img{
	max-width: 345px !important;
	max-height: 345px !important;
}

Hope it helps!

5

Hi @Ulysse1300 ,

Go to Assets > theme.css and paste this at the bottom of the file:

#Collection {
      max-width: 100% !important;
}
6

Thanks a lot, it’s perfect !