Help, I need to change image banner size

Hello, It’s driving me crazy, i’m on Refresh 15.0.1, I need to make the image banner the same dimension as all the content and make it with round corners, I searched for other q&a but I can’t get over it. Also i would like the two buttons “Personalizzati” and “Catalogo Adesivi” to put them centered, one up and the other one below.

Website is www.adesivalo.it

Thanks a lot!

Hi, Would you like your homepage to look like this?

If so, follow the steps below:

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the main css file base.css
Step 3. Copy this code at the end of the file

.banner {
   background: #050505!important;
   justify-content: center!important;
}
.banner__media.media {
   max-width: 441px;
   top: unset!important;
   left: unset!important;
}
.banner__media.media > img {
    object-fit: contain!important;
    border-radius: 10%;
    overflow: hidden;
}
.banner__content .banner__buttons.banner__buttons--multiple {
   flex-direction: column!important;
}

If it helps you, please like and mark it as the solution.

Best Regards

1 Like

Thanks for your fast reply, code has been added, but no visual changes.

Did I make a mistake somewhere?

1 Like

you are missing a “}” here

1 Like

Thank you so much! You are awesome.