How to resize image of "image banner" section

Store Design
1

Hi There!

How to resize image of “image banner” section, in theme editor. As you can see at the below picture, the image is way wider than the upper content, and there is no option to resize it. The theme being used is “studio”. It requires coding.
Anyone can help with? Your attention is highly apprecaited. Thanks!

celine173_0-1658915594735.png
celine173_0-1658915594735.png1085×497 228 KB

celine173_1-1658915649283.png
celine173_1-1658915649283.png1062×536 486 KB

2

Hi,

Please share your store URL and password if protected.

Thanks

3

Hello @celine173 ,
Please share your website URL.

4

Hi,

It’s 8bitdo.myshopify.com, password 123. You can either search lite se or go gamepad, bluetooth gamepad to find the product page in question. Thank you guys!

5

Can you share the URL in which you need to resize the banner image?

7

  • Go to Online Store → Themes → Edit code → base.css

  • Add custom CSS to control banner height or image scaling (for example targeting .banner__media img)

  • This lets you fix issues like cropping, incorrect height, or full-screen scaling

Also, keep in mind:

  • Shopify banners depend heavily on image aspect ratio and theme behavior, so resizing the image alone may not fix layout issues

  • Often the best result comes from combining correct image size + CSS tweaks

8

@azuta23
Good things take time..

9

Hi @celine173 ,

Please share your website URL.

Thanks!