Notifications
Clear all

wpForo 1.x.x Font styling of forum and site profiles

2 Posts
2 Users
0 Likes
956 Views
LifeGrinder
Posts: 7
Topic starter
(@lifegrinder)
Active Member
Joined: 4 years ago

Is there a way to change ALL text, everything you see in the forum and in the site profile, all to 1 font?

1 Reply
CrisW
Posts: 281
(@crisw)
Reputable Member
Joined: 4 years ago

Yes.ย  If there's a will there's a way.ย  ๐Ÿ™‚ย  I also changed my forum's font to 1 font.ย 

But that is not changed from within wpForo, but changed on your own WP Theme file.ย  You would have to tweak your WP theme files to do that (your WP theme's css file, just change the "font-family" part).ย 

OR you can also hardcode it on the WP theme's "header.php" file.ย  That's what I did since I made my own WP theme.ย  ๐Ÿ™‚ย 

NOTE:ย  Please back up your php file first, in case you want to tweak your WP theme file, so you can go back to it, if in case it doesn't work for your own WP theme.ย 

A useful command to memorize and remember ALSO is Control Z = which is UNDO, so in case you mess up any code, just do not close the opened tab that you are working on, and it will revert to the former state.ย  ๐Ÿ™‚

Another disclaimer, I have very minimal plugins on my site, so I would know which are conflicting plugins, less is more, for me.ย  ๐Ÿ™‚ )ย 

So try the code below at your own risk.ย  I'm just sharing what worked and works for me, in the hope of helping.ย  ๐Ÿ™‚ย 

All that being said .. here's my "How" I changed my Forum and WP website's font to 1 font:ย 

As an example, if I wanted to change the font to "Roboto" (or "Arial" as a back up font, if other viewers can't be shown Google's Roboto font)

On your WP Dashboard,ย 

  1. Go to "Appearance"
  2. Then Editor
  3. Select theme to edit
  4. then under "Theme Files"
  5. Select "Theme Header" (header.php)
  6. Then, add the code below the <head> area:
<head>

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

body, h1, h2, h3, h4, h5, h6, p {
font-family: "Roboto", "Arial", sans-serif;
}

</head>

And that should change the fonts for the website (body), the headings (h1, h2, h3, h4, h5, h6), and the paragraphs (p)

I hope that helps.ย  Let me know if it works.ย  It worked on my site and forum.ย  Good luck and God bless you.ย  ๐Ÿ™‚ย ย 

ย 

Reply
Share: