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.
The option is designed to change the color of the Forum icons in the list, hasn't it changed the forum icons color?
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.
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.
Thanks for confirmation and example. I can follow up Ok with this. Excellent.
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?
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.
Ahhh, yes. Many thanks again. I think it is time to update my CSS book for the advanced edition! ; )
