How to change Roboto Slab font in global and navigation?

Sparkling
1

See attached screenshot.

Thank you

2

Hi @superdog2,

Thank you for your question.

You can try changing this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

#page .navbar > .container .navbar-brand,
#page h1,#page h2,#page h3,#page h4,#page h5,#page h6,#page .h1,#page .h2,#page .h3,#page .h4,#page .h5,#page .h6 {
    font-family: arial;
}

Change the arial font in the above code to whatever you want to set for it.

Best Regards,
Movin

3

Hi, thank you for your answer.
How can I expand your code to change the font of all visible fonts in the Sparkling theme?

Thank you

4

You can just try adding body html CSS selector to it as following.

body,
#page .navbar > .container .navbar-brand,
#page h1,#page h2,#page h3,#page h4,#page h5,#page h6,#page .h1,#page .h2,#page .h3,#page .h4,#page .h5,#page .h6 {
    font-family: arial;
}

If the above code doesn’t work for you then please try using the following CSS code.

body,
#page .navbar > .container .navbar-brand,
#page h1,#page h2,#page h3,#page h4,#page h5,#page h6,#page .h1,#page .h2,#page .h3,#page .h4,#page .h5,#page .h6 {
    font-family: arial !important;
}