How can I alter the font size and alignment on a specific collection banner?

Solved

How can I alter the font size and alignment on a specific collection banner?

MIKESTORK
Shopify Partner
45 0 5

Hi,

 

i’m looking to change the font size & align left  on my collection banner only no other pages. My site is https://b32b39-5.myshopify.com/collections/all

 

E7CC6C49-34D5-492F-98D8-68F21617414C.jpeg

 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2139 616 519

This is an accepted solution.

Hey @MIKESTORK,

Please add this into the Custom CSS in the Theme Customizer -> Settings

h1.h1 {
   font-size: 4rem !important;
}

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
2139 616 519

This is an accepted solution.

Hey @MIKESTORK,

Please add this into the Custom CSS in the Theme Customizer -> Settings

h1.h1 {
   font-size: 4rem !important;
}

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

niraj_patel
Shopify Partner
2391 516 513

Hello @MIKESTORK 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
  .relative .container--xs {
     max-width: 100% !important;
     margin: 0 0 !important;
  }
 .prose :first-child{
    text-align: left !important;
    margin-left: 47px !important;
    font-size: 20px !important;
 }
</style>

techlyser_web_0-1706030605202.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com