Notifications
Clear all

wpForo 1.x.x [Solved] How To Change Font Color for Forum Category Only

13 Posts
4 Users
4 Reactions
1,844 Views
WiYa3D
Posts: 31
Topic starter
(@wiya3d)
Trusted Member
Joined: 5 years ago

Hi,

 

I just want to change the font color for the forum category to different color code.

Can you help me how to archive that

 

 

12 Replies
Tutrix
Posts: 1453
(@tutrix)
Noble Member
Joined: 5 years ago

@rapid3dme

add this to custom css

only Extended Layout

#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-title a {
color: #ff6600;
}

or all Categories

#wpforo #wpforo-wrap .wpforo-forum-title a {
color: #ff6600;
}

Dashboard > Forums > Settings > Style (custom css)

replace the red marked with your color code

Robert
Posts: 10587
Admin
(@robert)
Support Team
Joined: 9 years ago

You should add a custom CSS Code in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea for each forum. Find Forum IDs in Dashboard  >Forums > Forums admin page and change the X, Y, Z ... to that IDs:

#wpforo #wpforo-wrap #wpf-forum-X .wpforo-forum-title a{color:#FF0000;}
#wpforo #wpforo-wrap #wpf-forum-Y .wpforo-forum-title a{color:#00FF00;}
#wpforo #wpforo-wrap #wpf-forum-Z .wpforo-forum-title a{color:#0000FF;}
2 Replies
WiYa3D
(@wiya3d)
Joined: 5 years ago

Trusted Member
Posts: 31

@robert

 

Thank you for css code. Just one thing I want to clarify, 

what is the forum IDs, is it attached image number

Robert
Admin
(@robert)
Joined: 9 years ago

Support Team
Posts: 10587

@rapid3dme,

Yes it is, and this is the correct way if you want to change the colors of each forum individually. Don't forget to remove other CSS codes you've tried for this purpose.

Tutrix
Posts: 1453
(@tutrix)
Noble Member
Joined: 5 years ago

@rapid3dme

remove the double # from your color code 😉 

then it works

#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-title a {
color: ##282828;
}
5 Replies
WiYa3D
(@wiya3d)
Joined: 5 years ago

Trusted Member
Posts: 31

@tutrix

Thank you for letting me my mistake. I have corrected by removing double #.

Still seems doesn't work any of css codes.

I have checked in different browser with private mode, if there is caching issue. No luck can you help/guide me to verify

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1453

@rapid3dme

the mistake is still there

https://www.screencast.com/t/CIJKK8S4

WiYa3D
(@wiya3d)
Joined: 5 years ago

Trusted Member
Posts: 31

@tutrix

Thank you for video guide

I have already corrected by removing additional #

anyway seems take time to update things over the dns or internet to get appear the result.

Let's see in few hr.

 

Thank you.

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1453

@rapid3dme

Go to Dashboard > Forums > Dashboard and click the [Clear all caches] button.

 

WiYa3D
(@wiya3d)
Joined: 5 years ago

Trusted Member
Posts: 31

@tutrix

 

now working thank you

Posts: 10
(@nedimovic)
Active Member
Joined: 4 years ago

Hello,

Can somebody tell me how to change only one forum category, the 3rd, into the red color, i tried codes you post but all the time its apply on all categories

https://smartautomobili.com/

1 Reply
Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1453

@nedimovic

you can change that via the forum ID

this forum has the ID 45

So the CSS code is

#wpforo #wpforo-wrap #wpf-forum-45 .wpforo-forum-title a{
color: #ff0000 !important;
}