Customizing the text on image banner

amonichanel
Excursionist
23 0 6

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.

Replies 6 (6)

PageFly-Victor
Shopify Partner
7865 1785 3056

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

 

Hope that my solution works for you.

Best regards,

PageFly

amonichanel
Excursionist
23 0 6

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

PageFly-Victor
Shopify Partner
7865 1785 3056

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
Excursionist
23 0 6

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

oscprofessional
Shopify Partner
15846 2371 3073

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing