How can I adjust the title size and button spacing in an image banner?

[arkenciel]

Hi, im trying to change the size of my title inside the image banner. 

And does anyone know how to reduce the space between the button and the title?

i have tried everything but no code is working for me inside the liquid file

my site is: https://amiemx.com/

[PageFly-Oliver · Accepted solution]

Hi @Arkenciel,

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file section-image-banner.css

Step 3: Paste the below code at the bottom of the file -> Save

h2.banner__heading.inline-richtext.h0{
font-size:30px !importamt
}
h2.banner__heading.inline-richtext.h0~.banner__buttons{margin-top:16px !important}

Hope my solution works perfectly for you.

Cheers!

Oliver | PageFly

[arkenciel]

Hi! thank you so much. it changed but I do have another question, how can modify in mobile version the same title with another size cause now mobile is with the same size as computer site

[PageFly-Oliver]

You can try to use @media for the mobile version. example

@media(max-width:767px){
added CSS to apply for only the mobile device
}

[PageFly-Oliver]

you can try. example

@media(max-width:767px){
  h2.banner__heading.inline-richtext.h0{
font-size:24px !importamt
}
h2.banner__heading.inline-richtext.h0~.banner__buttons{margin-top:10px !important}
}