Separate Text font in same text element

[riugn557]

Hi there,

I have a text element on this page https://thelanguagesherpa.com/russian-untranslatable/ that contains ‘Text’ and ‘Language Sherpa’.

Do you know how I can have the ‘Text’ as one font and ‘Language Sherpa’ as another one?

Thank you!
LS

[christopher]

Hi there,

Go to the Text Element options and click on the Customize tab and add a CSS Class of multifont there.

Then add the text and wrap the section which you want to have a different font with a span tag. For example:

<p>The Text <span>Different Font</span></p>

Set the font of the text using the Text element options. Then add the CSS code below to Pro > Theme Options > CSS:

.multifont span {
    font-family: "Name of the font", sans-serif;
}

Change the Name of the font with the name of the code you want to have for the sub text.

Thank you.

[riugn557]

Thank you , Christopher!

[nabeel]

You’re most welcome!