How to resize collection images on Impulse theme

Store Design
1

The collection images on the home page are huge, how can I make them smaller

support.png
support.png1913×905 190 KB

2

Please provide website url and if your store is password protected then also provide password

3

https://www.bestkid-ball.com/

password: “Omer”

4

Do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
@media (min-width: 767px){
    #shopify-section-1600012823248{
    max-width: 1000px !important;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

}

You can change the value 1000px to anything you like. For example: 800px, 1200px, etc.

This code will not affect mobile devices. Please let me know whether it works.

Kind regards,
Diego

5

Thanks for your help but it doesn’t work, any other solutions?

6

Can you send a screenshot of where you’re pasting the code, please?

7

שופיפיי.png
שופיפיי.png1910×903 80.8 KB

8

Hello @diego_ezfy ,

How do you do this for mobile website?

Thanks!

9

If you want to resize and improve the store speed at the same time then Image Square do the job

The images will be resized to 520x520px.
Extends/pads the edges 10px (top, right, bottom, left) of the image with white color.

10

I tried copy/paste on this and it didn’t change the size for me. Any other ways of changing the size of the banner? Mine is huge.