Image with banner: how to makte not full-screen-width and align center

Hy there!

I‘useing Dawn-theme and on the top of the landing-page i have an image with banner.

On wide screen, the image ist tooo large (full with). - How can i minimize the width of the image on max-with 1100px and align center?

The shop is on shop.freihof-kuesnacht.ch and the passwort ist angeyu

Many thanx!

Hi @Beat99

You can add this code to Custom CSS of that section to do it

.banner {
  max-width: 1100px !important;
  margin: 0 auto;
}

1 Like

oh, really… it works! Thanx 1000!!!

1 Like

Glad I could help!!!

1 Like

Hello @Beat99 :waving_hand:

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

#Banner-template--15408790700203__1646052275e9548f5b {
    max-width: 1100px;
    margin: auto;
}

The result

Hope that helps!

1 Like