How to change the font of the heading of the slideshow ONLY

How to change the font of the heading of the slideshow ONLY

erika_brandlab1
Tourist
20 0 2

Hi, I'm trying to change the font of the heading of the slideshow ONLY. I don't want to change the font of any other heading nor body across the theme.

 

The font I'd like to add is Honeywell Sand Black.

 

URL: https://39o7xea6sanmy82v-68790550809.shopifypreview.com

teagau

Replies 3 (3)

oscprofessional
Shopify Partner
16006 2396 3105

@erika_brandlab1 
Hello,

.banner__heading.h1 {
	font-family: open-sans !important;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

oscprofessional_0-1674618580263.png

 

First, add a font to your theme then after adding CSS without font does not affect your CSS 

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

GemPages
Shopify Partner
5625 1261 1232

Hello @erika_brandlab1 ,

 

It's GemPages support team and glad to support you today.

 

I would like to give you a recommendation to support you so kindly follow steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1674627178067.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.slideshow__slide .slideshow__text-wrapper .slideshow__text .banner__heading {
    font-family: 'Honeywell Sand Black' !important;
}
</style>

 

If you require any further information, feel free to contact me.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

PageFly-Victor
Shopify Partner
7865 1785 3079

Hi @erika_brandlab1 ,

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

 

PageFlyVictor_0-1674636228702.png

 

<style>

.slideshow__slide .slideshow__text-wrapper .slideshow__text .banner__heading {

font-family: open-sans !important;

}

</style>


Hope this answer helps.

Best regards,

Victor | PageFly