How to change font of only one specific heading in Infinity Pro theme

[aubephill]

Client wants to change *just* one specific heading on the homepage. I'm using infinity pro theme and they want the main heading to be a google font.

On their site (https://fsspnorwich.org) they want to change just the "Friendly Sons of St. Patrick" that's in the widget with a background image. How do I change just the font of that one section?

This is made using the front-page widget, which uses html I think.

Would appreciate the help, thank you!

https://fsspnorwich.org

[Victor Font]

This is the code for that title that's already in style-front.css:

.front-page-1 .widget-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 96px;
    font-size: 9.6rem;
    font-weight: 400;
    letter-spacing: -2px;
    margin-bottom: -10px;
    text-transform: none;
}

Make sure you enqueue in functions.php where the other Google fonts are loaded. Then, change the font-family to reflect the new font in style-front.css around line 200.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[aubephill]

Thank you very much Victor! I'll have to do some research on the functions.php

When I change the style sheet how does that affect future updates to the theme? Or can I add it in a way it won't be overwritten. Guess I'm still a beginner in wordpress coding.

Thanks again!

[Victor Font]

Child themes aren't updated. Only the Genesis Framework is auto-updated.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts