how to change homepage product card image size bigger in shopify

how to change homepage product card image size bigger in shopify

vic186
Tourist
8 0 3

Hi, I want to make my product image bigger and to make them all fit the width of my page. Here is my site: https://furrytaleus.com/ And the result I want to make is something like this.Screenshot 2024-10-05 at 11.05.58 PM.png

Replies 5 (5)

Mike-Consentik
Shopify Partner
191 30 37

Hi @vic186 

This is Mike from Consentik

 

First of all, you need to increase of page with for this section, now is 120rem. Then you need increase width of each product card in this section.

If you find this helpful, please give it a like or mark it as a solution.
Consentik GDPR Cookie Banner: Effortlessly stay in compliance with EU GDPR and CCPA with Google Consent Mode V2. Free plan available and 24/7 Support
vic186
Tourist
8 0 3

Hi Mike, thank you for your help. Would you please show me how to increase the page for this section?

Mike-Consentik
Shopify Partner
191 30 37

@vic186 
You can change it here:

MikeConsentik_0-1728281594149.png

 

If you find this helpful, please give it a like or mark it as a solution.
Consentik GDPR Cookie Banner: Effortlessly stay in compliance with EU GDPR and CCPA with Google Consent Mode V2. Free plan available and 24/7 Support
vic186
Tourist
8 0 3

Hi, this is the best I can do with increase the image size and make page width 2000pxScreenshot 2024-10-08 at 1.57.14 AM.png

Mike-Consentik
Shopify Partner
191 30 37

hey @vic186 

You can try this CSS code:

 

ul.grid.product-grid {
    display: flex !important;
    justify-content: space-between;
}

li.grid__item.scroll-trigger.animate--slide-in {
    max-width: 27rem !important;
}

 

Change the value of max-width like you want.

Hope this would help you

If you find this helpful, please give it a like or mark it as a solution.
Consentik GDPR Cookie Banner: Effortlessly stay in compliance with EU GDPR and CCPA with Google Consent Mode V2. Free plan available and 24/7 Support