Notifications
Clear all

Uniform text

9 Posts
2 Users
1 Reactions
239 Views
Posts: 16
Topic starter
(@neilfortutude24)
Eminent Member
Joined: 2 months 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: 16
Topic starter
(@neilfortutude24)
Eminent Member
Joined: 2 months 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: 5322

@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: 2 months ago

Eminent Member
Posts: 16

@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: 5322

@neilfortutude24 

Yes, sure. 

Reply
(@neilfortutude24)
Joined: 2 months ago

Eminent Member
Posts: 16

@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: 5322

@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: 2 months ago

Eminent Member
Posts: 16

@sofy I tried and it didnt work.

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

Support Team
Posts: 5322

Hi,

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

Reply