How can I customize the text on my image banner in the Dawn theme?

[amonichanel]

Hi I am using the Dawn theme and would like to customize the text on my image banner more. 

banner__heading h2

banner__text subtitle

I would like the heading to be smaller than what its allows and the subtitle be the main focus. Is there a code I can use that will allow me to do this.

[amonichanel]

https://aze3k3lf3ilnha2a-57762906160.shopifypreview.com

[PageFly-Victor]

HI @amonichanel 

This is PageFly - Advanced Page Builder.

You want to look like this.

You can try with this code:

Follow this:

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

Step 2: Search file new-theme.scss.css.

Step 3: paste below code in bottom of file -> save.

#shopify-section-1543285730362 .banner-information p.subtext {

    font-size: 38px !important;

}

#shopify-section-1543285730362 .banner-information p.accent {

    font-size: 18px !important;

    max-width: 100% !important;

}

Hope that my solution works for you.

Best regards,

PageFly

[amonichanel]

Hi I have theme-editer.js and theme.liquid

[PageFly-Victor]

You can try again with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag </body>

<style>

#shopify-section-1543285730362 .banner-information p.subtext {

    font-size: 38px !important;

}

#shopify-section-1543285730362 .banner-information p.accent {

    font-size: 18px !important;

    max-width: 100% !important;

}

</style>

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN

[amonichanel]

Hi I tried that also and that code doesn't work either.

[oscprofessional]

Hello @amonichanel 

Try this code: it will be helpful to you-

Go to the online setting> Theme>Assets>new-theme.scss.css>Add code in this file.

#shopify-section-1543285730362 .banner-information p.accent {
    font-size: 24px !important;
}
#shopify-section-1543285730362 .banner-information p {
    max-width: 100% !important;
}
#shopify-section-1543285730362 .banner-information p.subtext {
    font-size: 30px !important;
    font-weight: 700 !important;
}