Solved

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

arkenciel
Tourist
12 0 4

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/

Accepted Solution (1)

PageFly-Oliver
Shopify Partner
878 190 171

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

PageFly-Oliver
Shopify Partner
878 190 171

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

arkenciel
Tourist
12 0 4

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
Shopify Partner
878 190 171

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

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

PageFly-Oliver
Shopify Partner
878 190 171

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}
}

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.