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

Store Design
, , , ,
1

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
IMG_1061.jpeg1125×2436 139 KB

2

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.

3

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

4

IMG_1067.jpeg
IMG_1067.jpeg1125×2436 135 KB

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

5

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

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