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

User Profile and Notification Widget Font and Color change

4 Posts
2 Users
0 Reactions
2,252 Views
Posts: 42
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
(@brozobob)
Trusted Member
Joined: 3 years ago
[#63501]

How do I change the font to white so it is readable?  Also, if I wanted to change the color of the tab to#720ccd, can that be accomplished?  This widget is on my home page.

 Screenshot 2025 07 16 at 12.30.33 PM

3 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

@brozobob

How do I change the font to white so it is readable?

Please use the CSS code below: 

#wpforo #wpforo-wrap #wpf-widget-profile .widget-title {color: #ffffff}

Insert it in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

 Also, if I wanted to change the color of the tab to#720ccd, can that be accomplished?

Could you please clarify a bit? 


Reply
Posts: 42
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
(@brozobob)
Trusted Member
Joined: 3 years ago

Thanks, but that didn't work.  Are there supposed to be any other commands or brackets?  I went to the Wordpress Admin bar, Customize, Additional CSS, and pasted the code under some other Code already in the box.  That didn't work.  I want to make sure you are not meaning past the code into the Color & Styles Additional CSS code in the WPforo General settings area.


Reply
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

@brozobob 

Please provide the URL. 

Posted by: @brozobob

want to make sure you are not meaning past the code into the Color & Styles Additional CSS code in the WPforo General settings area.

If you insert the code into the Colors & Styles tab, the changes may not affect the homepage, because wpForo is not loaded there — only the widgets are.

The best approach is to use:
Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea.


Reply
Share: