BIGGER CATEGORY PICTURES

[josoneryx1890]

Hello, can you help me make our shop category pics look bigger like this on the reference

here's our link https://72d12c-be.myshopify.com/

[WalkYourStyle]

Try this
1. Go to 'Online Store' -> Themes -> Customize

3. At the top click on Home Page and select Collections -> Default Collections

4. Click on the product grid and in the left side decrease the 'Number of columns on desktop' to 3 so the product images are bigger.
5. Alternatively you can change the image ration according to your preference in the 'Product Card' section of the product grid.

Hope this helps

[Abdosamer]

Hi @josoneryx1890 , go to base.css and add the following code :

@media(min-width:900px){
 ul#Slider-template--22539441996064__collection_list_pTQBXp  {
   justify-content: space-between !important;
}

ul#Slider-template--22539441996064__collection_list_pTQBXp .card:not(.ratio){

     width: 30rem !important;
 }


}

 Result :

[BSSCommerce-B2B]

Hi @josoneryx1890,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

#shopify-section-template--22539441996064__collection_list_pTQBXp .collection-list-wrapper {
    max-width: 100% !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
@media screen and (min-width: 990px) {
    #shopify-section-template--22539441996064__collection_list_pTQBXp .grid--5-col-desktop .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing)* 4 / 5);
        max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing)* 4 / 5);
    }
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 

[josoneryx1890]

Not working sir