AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] Forum Color not working

8 Posts
2 Users
0 Reactions
2,047 Views
Posts: 21
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@richardhkg)
Eminent Member
Joined: 6 years ago
[#13224]

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: 5776
 Sofy
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@sofy)
Support Team
Joined: 8 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? 


Posts: 21
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@richardhkg)
Eminent Member
Joined: 6 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.

 


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

Support Team
Posts: 5776
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@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. 

 change the color

Posts: 21
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@richardhkg)
Eminent Member
Joined: 6 years ago

@Sofy

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


Posts: 21
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@richardhkg)
Eminent Member
Joined: 6 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?

wpForo Category Classes

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

Support Team
Posts: 5776
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@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.    


(@richardhkg)
Joined: 6 years ago

Eminent Member
Posts: 21
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@sofy

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


Share: