How can I resize an image banner without cropping in Studio?

[GeeKyuu24]

Hi Team.

I just recently added an image via Image Banner and how can make it a bit smaller?

I tried adjusting it via Theme Setting but the image is cropping. I want to adjust it without the image being cut.

Store: Glowcare.se

PS: Glowcare1991

[websensepro]

Hi, @GeeKyuu24 .

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

div#Banner-template--19769109610821__ab88a1d2-affc-449c-91aa-5b5b65d47bae {
    width: 80%;
    margin: 0px auto;
}

Result:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

[GeeKyuu24]

Thanks. How can I also move the button like this?

[websensepro]

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

div#Banner-template--19769109610821__e4bdf0ba-3ccf-4cc1-a214-540bee9f9333 .banner__buttons {justify-content: flex-end;max-width: 48rem;position: relative;top: -29px;}

Result:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

[GeeKyuu24]

Thanks but this what I want to achieve

The button place and size I want to copy:

The button I want to move: