How can I reduce an image size on desktop using the Dawn theme?

[10xfuel]

Hi! How can I reduce below image on desktop (it’s fine on mobile) by approx. 25% so it doesn’t get cut on top and at the bottom - www.10xfuel.com :

Thx!

[BSS-Commerce]

Hi @10xfuel ,

Please follow these steps:

1. Go to Admin → Online store → Edit code

2. Find the theme.liquid file and add the following code before the head tag:

    {% style %}
        .banner__media.media img {
            object-fit: fill !important;
        }
        
        div#Banner-template--15940951933066__image_banner_GbwYWC .banner__media.media {
            background-color: #eeff41;
        }
        
        
        section#shopify-section-template--15940951933066__image_banner_7gbwYq .banner__media.media {
            background-color: #000000;
        }
        
        div#Banner-template--15940951933066__image_banner_G8gVtU .banner__media.media {
            background-color: #eeff41;
        }
    {% endstyle %}

Result:


**Hope it helps @10xfuel **

[WebDeskSolution]

Hello @10xfuel

Please follow the steps below after logging into the admin:

• Go to Online Store → Themes → Actions → Edit code.
• Go to Assets folder → section-image-banner.css
• Go to line #76 and update from 56 rem to 60 rem per this screenshot: https://app.screencast.com/efbGECOZuItHx
• Save

Please hit Like and Mark it as a Solution if you find our reply helpful.