How can I adjust the banner size in Dawn version 7.0.1?

hello all i have a question regarding the banner in Dawn

i upload the banner but it seems to be way to bigg i also alterd the file and made it smaller but still no luck .

is there a way to size the banner via css or something more easy then altering the picture every time and hoping to get to a decent size

website is the following

www.filyra.be pw is Wendy

Hi @Filyra ,
in your Shopify Admin, go to Sales Channel > Online Store > […] > Edit Code.

Then search for “banner”. Click on section-image-banner.css and add this code after line 38 (check screenshot):

.banner__media img {
  object-fit: contain;
}

Let me know if that works!

Ciao :waving_hand:
Simone

Hi @Filyra

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

.media>img{
object-fit: contain !important
}

Hope my answer will help you

hello and thanks

but on line 38 i have someting verry different then you.

i added a screen shot.

Hi @Filyra ,
my bad, I think the theme we made a test with had some additional custom code.
Try to add it after line 35.

Please keep in mind that this code would actually change the behaviour of that specific block (banner), while the other solution brought by @PageFly-Kate is still good but would affect all images contained in your Shopify store.

Choose the one you prefer according to your needs.

Ciao :waving_hand:
Simone