New Shopify Certification now available: Liquid Storefronts for Theme Developers

Help! change title size on image banner

Solved
arkenciel
Tourist
10 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
Navigator
503 98 90

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
Navigator
503 98 90

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
10 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
Navigator
503 98 90

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
Navigator
503 98 90

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.