Help on reduce space between text of image banner and button

Hi, im trying to make the spacing between the title and the button more narrow.

Does anyone know how I could do this?

My site amiemx.com

1 Like

Hi @arkenciel ,

I understand that you want to reduce the space.

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.css, styles.css or base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient .banner__buttons {
    margin-top: 0px !important;
}

hi! thank you for your response. Sadly nothing happen to the spacing of the button and the title

1 Like

Which file di you paste it?

Can you paste it on the section-image-banner.css.

Thanks!

base.css. Im using dawn theme

Hi @arkenciel

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

h2.banner__heading.inline-richtext.h0~.banner__buttons { margin-top: 45px!important; }

Regards,

San