Notifications
Clear all

wpForo 1.x.x [Closed] Font style in message box change to Verdana

5 Posts
3 Users
0 Likes
2,046 Views
StocksForum
Posts: 135
Topic starter
(@stocksforum)
Estimable Member
Joined: 6 years ago

When typing in this message box on my forum the font appears as Times New Roman but then when posted it reverts to:
Verdana, Geneva, sans-serif;

How can I have text when typed in to be Verdana so it matches my site? (see attached)

4 Replies
Sofy
Posts: 4295
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

Hi  StocksForum,

This doesn't have any relation to wpForo. The Times New Roman font-family comes from the TinyMCE editor, the Verdana, Geneva, sans-serif font family is inherited from your active theme's styles. 

I find some articles on how to change the TinyMCE font-family:

https://community.tiny.cloud/communityQuestion?id=90661000000QdFKAA0

https://stackoverflow.com/questions/12247339/how-to-enable-font-family-and-color-options-in-tinymce-editor

Posts: 393
(@anonymous3542)
Honorable Member
Joined: 7 years ago

@sofy @stocksforum this isn't entirely correct. You can set the font in the editor as detailed here - I do this so it definitely works

https://wpforo.com/community/how-to-and-troubleshooting-2/text-editor-background/paged/2/#post-15160

1 Reply
StocksForum
(@stocksforum)
Joined: 6 years ago

Estimable Member
Posts: 135

Where do you type that code in?

What do I type to get Verdana font?

It seems to show up here now as Verdana as I'm typing, but when I type the reply box bottom of the screen it is Times New Roman.

Posts: 393
(@anonymous3542)
Honorable Member
Joined: 7 years ago

@stocksforum sorry, I seem to have missed your post. This is a JavaScript function, and should be added into your theme - this depends on how you're setup, and what theme you are using. Some themes allow you to add arbitrary JavaScript on the fly when the page loads, and others need a plugin or function to inject the code on page load. 

For the Verdana font, you'd need to specify it in the font-family section of the CSS I provided. In this case, font-family: "Verdana, Arial, Courier"; for example.