To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

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

erika_brandlab1
Tourist
13 0 1

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
13798 2100 2695

@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 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
GemPages
Shopify Partner
3333 737 613

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
5522 970 2316

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

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.