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

[MIKESTORK]

 

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

[ThePrimeWeb · Accepted solution]

Hey @MIKESTORK,

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

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

[niraj_patel]

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>