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

Store Design
, , ,
1

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.

2

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;

}

PageFlyVictor_0-1667748264241.png
PageFlyVictor_0-1667748264241.png728×322 305 KB

Hope that my solution works for you.

Best regards,

PageFly

3

https://aze3k3lf3ilnha2a-57762906160.shopifypreview.com

4

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

5

You can try again with this code.

Follow this:

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

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

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

6

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

7

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