Notifications
Clear all

Uniform text

9 Posts
2 Users
1 Reactions
159 Views
Posts: 12
Topic starter
(@neilfortutude24)
Active Member
Joined: 1 week ago

Is there any way to make all the text on the entire board uniform? This would even be applied retro-actively to existing posts. I'm thinking something along the lines of how facebook makes all the text in all the posts and comments the exact same size and font for ease of use, and to keep the site neat and organized. I didn't even realize until just recently that the text size and style varies between different comments and posts in my forums.

8 Replies
Posts: 12
Topic starter
(@neilfortutude24)
Active Member
Joined: 1 week ago

To clarify, I'm talking only about posts and comments. The post titles, tags etc are already uniform and those are fine. Just the text for posts and comments that I want to make uniform.

Reply
7 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 5189

@neilfortutude24,

You can use the CSS code below: 

#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p [style] {
    font-size: 12px !important;
}

Insert the CSS Code in the "Custom CSS Code" textarea in the wpForo > Settings > Colors & Styles admin page.

Reply
(@neilfortutude24)
Joined: 1 week ago

Active Member
Posts: 12

@sofy there was some code already in there, and so now it looks like this.. is this ok?

 

#wpforo-wrap {
font-size: 13px; width: 100%; padding:10px 0; margin:0px;
}
#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p [style] {
font-size: 12px !important;
}

Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 5189

@neilfortutude24 

Yes, sure. 

Reply
(@neilfortutude24)
Joined: 1 week ago

Active Member
Posts: 12

@sofy how could I make the comments (replies) text a little bit bigger?

Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 5189

@neilfortutude24 

You should change the red-marked value in the code: 

#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p [style] {
    font-size: 12px !important;
}
Reply
(@neilfortutude24)
Joined: 1 week ago

Active Member
Posts: 12

@sofy I tried and it didnt work.

Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 5189

Hi,

Please record a video where we can see how you're adding the code, clearing the cache, and checking the results.

Reply