[Resolved] How do I apply a different font style to ONE text block (not the entire site)?

[Nicole]

I want the words “Discover what a virtual assistant can do for you!” on the home page to be a different font style than the rest of my website. Is there basic CSS for that?

GeneratePress 2.2.2

[Leo]

Hi there,

This post should offer some info:
https://generatepress.com/forums/topic/small-text-in-one-place-only/

Looks like you are already using it though:
<p style="font-size:30px;text-align:center"><strong>Discover what a virtual assistant can do for you!</strong></p>

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Nicole]

Sorry if I was unclear. I want to change the font of this one text block to a script font (cursive font), but leave the rest of the website the easy-to-read font it already is.

[Leo]

Sounds like you just need to add the font-family style in your HTML?

See the HTML Font section here:
https://www.w3schools.com/html/html_styles.asp

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Nicole]

The html for the block is as follows:

<p style=”font-size:30px;text-align:center”>Discover what a virtual assistant can do for you!</p>

Would I add something like this?:
<p style=”font-family:dancing script;”>Discover what a virtual assistant can do for you!</p>

If so, how do I mash these two lines of html together? Also, can there be a space between “dancing” and “script” or would it just be “font-family:dancingscript” or “font-family:dancing_script”?

[Leo]

You can use a ; to separate each style.

As for notation, it should be this: font-family: "Dancing Script", handwriting;.

Please keep in mind that these are general HTML questions and not theme specific.

You can generally find good answers examples on this site https://www.w3schools.com/html/ and Google as well.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Nicole]

Ok, sorry, I didn’t know the extent to which you help with WordPress. Thank you.

[Leo]

No problem!

We definitely try to help by pointing you in the right direction as there are tons of free online sources for general WordPress and HTML help that are designed to teach you these things 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts