How can I modify H2 text font in Be Yours theme using custom CSS?

How can I modify H2 text font in Be Yours theme using custom CSS?

Gypsymoon
Explorer
89 0 14

 Hi!

there are a few sections with H2 headings that I would like to change the font to Lucia. Mainly in banners, slideshows and a few of the rich text sections. Is there a way to change the headings font in each of the sections using the “customs CSS”?

IMG_1061.jpeg

 

Replies 4 (4)

biznazz101
Shopify Partner
494 50 90

Hello, BIZNAZZ101 here, to answer your question yes you can change this using the Custom CSS settings of those sections. The code you need to add would be something like the following:

h2 {font-family: Lucida Console, Lucida Sans Typewriter, monaco, Bitstream Vera Sans Mono, monospace; font-weight: bold;}

 

Hope that helps! Good luck with your store, don't hesitate to reach out for additional help.

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT

PageFly-Theodor
Shopify Partner
691 86 100

Hi @Gypsymoon 

This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the Change H2 Text, let’s try this solution:
If you add code to the entire theme: Online Store ->Theme ->Edit code
Assets ->Base.css
Or  you can add code to a custom CSS

h2 {
font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace !important; 
font-weight: bold !important;
}

 


I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Gypsymoon
Explorer
89 0 14

IMG_1067.jpeg

Thank you, that did change the font but not to the right one. I’m trying to change it to this font in the pic and if it can be normal weight, not bold 

PageFly-Theodor
Shopify Partner
691 86 100

Hi @Gypsymoon ,
This is Theodore from PageFly - Shopify Page Builder App.
I'm sorry for replying you late. You can use the following method

Online Store ->Theme ->Edit code->theme.liquid

 

<style>

h2 {
font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace !important; 
font-weight: bold !important;
}
</style>


I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.