How can I make this image banner smaller?

[Airri]

I have an image banner with an image and text but the button doesn’t fit correctly inside as it resizes with the webpage.

So, I created an image banner below it with only a button, but it’s currently too big. How can I resize this image banner to be as small as possible.

Airri Supplements

pw: Airri Shop

Before (button doesn’t sit right)

After (Button has too much white space)

[EBOOST]

Hi @Airri ,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Assets/base.css
3. Add code below to end of file

#shopify-section-template--17760621560065__image_banner_E9xCtL .banner__content {
  padding: 0;
}
#shopify-section-template--17760621560065__image_banner_E9xCtL .banner--desktop-transparent .banner__box {
  padding-top: 2rem;
}
@media(max-width: 749px){
    #Banner-template--17760621560065__image_banner_E9xCtL::before, 
    #Banner-template--17760621560065__image_banner_E9xCtL .banner__media::before, 
    #Banner-template--17760621560065__image_banner_E9xCtL:not(.banner--mobile-bottom) .banner__content::before {
      padding-bottom: 0!important;
    }
}

[Airri]

Incredible! Thanks for your help!!

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.banner__content.banner__content--middle-center {
padding: 0;
}