Notifications
Clear all

wpForo 1.x.x [Solved] Forum Color not working

8 Posts
2 Users
0 Likes
901 Views
Posts: 23
Topic starter
(@richardhkg)
Eminent Member
Joined: 3 years ago

Want different colors for headers/forums and using the "Forum Color" control in the Forum edit screen. The color change is saved Ok but no change on forum itself. Nothing in docs on this.

Maybe a site theme problem? Using Genesis with Dynamic Website Builder child theme. 

Any suggestions on how to fix? Have searched forums but nothing found.

 

7 Replies
Sofy
Posts: 4054
 Sofy
Admin
(@sofy)
Support Team
Joined: 5 years ago

@richardhkg,

The option is designed to change the color of the Forum icons in the list, hasn't it changed the forum icons color? 

Reply
Posts: 23
Topic starter
(@richardhkg)
Eminent Member
Joined: 3 years ago

@Sofy

Thanks for your reply. Sorry for not being too clear. My need is to change color of the Category and subforum headers, like the blue bar at top here for example, not icons inside. Didn't know the Forum Color was just icons.

I guess I need to find the right CSS elements to target and change colors, right? I want the forums to use same colors used for sections of an online course on website, so easy to see where to look for information.

 

Reply
1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 5 years ago

Support Team
Posts: 4054

@richardhkg

I guess I need to find the right CSS elements to target and change colors, right? I want the forums to use same colors used for sections of an online course on website, so easy to see where to look for information.

yes, you'll need to do it via CSS codes. Please see the screenshot. I've provided some an example. 

Reply
Posts: 23
Topic starter
(@richardhkg)
Eminent Member
Joined: 3 years ago

@Sofy

Thanks for confirmation and example. I can follow up Ok with this. Excellent.

Reply
Posts: 23
Topic starter
(@richardhkg)
Eminent Member
Joined: 3 years ago

@Sofy

Finally getting ready to launch forum soon and tried to change Category headers but found that same CSS class applies to all of my 4 forums, as I guess they are using same category style.

Wanted three different colors for these headers, but CSS-wise not possible it seems. All three different colors would apply to "Simplified" category being used.

Any ideas?

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

Support Team
Posts: 4054

@richardhkg,

You should use the CSS code like this:

#wpforo #wpforo-wrap .wpfl-2:first-of-type .wpforo-category {
background-color: #f37676 !important;
}

Please note this is just an example. The red marked code can be changed as you like. In your case, the selector (blue marked part) can differ. 

The CSS codes should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.  

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.    

Reply
(@richardhkg)
Joined: 3 years ago

Eminent Member
Posts: 23

@sofy

Ahhh, yes. Many thanks again. I think it is time to update my CSS book for the advanced edition! ; )

Reply