Forums
wpForo Support Foru...
General Discussions
Widgets - textcolor...
 
Share:
Notifications
Clear all

Suggestion [Solved] Widgets - textcolor strange

 
Page 1 / 2
General Discussions
Last Post by Steven007 1 month ago
11 Posts
3 Users
1 Reactions
284 Views
RSS
Posts: 10
 Steven007
Topic starter
Dec 17, 2024 3:28 pm
(@steven007)
Active Member
Joined: 2 months ago

Hi, the heading text color of the "profile and notification widgets" is dark gray instead of white (see photo). How can I change this text color?
Thanks

10 Replies
Sofy
Posts: 5002
 Sofy
Admin
Dec 18, 2024 10:06 am
(@sofy)
Support Team
Joined: 7 years ago

Hi,

Use the CSS code below: 

#wpf-widget-profile, #wpf-widget-profile * {
    color: #fff;
}

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

In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

Posts: 10
 Steven007
Topic starter
Dec 21, 2024 6:17 am
(@steven007)
Active Member
Joined: 2 months ago

Hi Sofy

The textcolor works fine. But the icons of the widget shouldn't change the color. Have a look at the attachment.

Thanks for support!

Steven

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

Noble Member
Posts: 1526
Dec 21, 2024 6:44 am
Reply toSteven007

Hi @steven007 

You can use the following CSS code

#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a, 
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a {
  color: #43a6df;
}
Posts: 10
 Steven007
Topic starter
Dec 21, 2024 1:02 pm
(@steven007)
Active Member
Joined: 2 months ago

Hi,

the code not working!?

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

Noble Member
Posts: 1526
Dec 21, 2024 1:10 pm
Reply toSteven007

@steven007 

Add this CSS code to the custom CSS

Dashboard > wpForo > Settings > Colors & Styles > Custom CSS

and clear browser cache.

Posts: 10
 Steven007
Topic starter
Dec 21, 2024 3:44 pm
(@steven007)
Active Member
Joined: 2 months ago

Hi Tutrix

Did exactly as you said, but the code doesn't work. The code from Sofy in wordpress costum works, but the icons are highlighted in yellow in the example. Too bad

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

Noble Member
Posts: 1526
Dec 21, 2024 3:56 pm
Reply toSteven007

@steven007 

Ok, try

.herald-sidebar-right .wpf-prof-footer .wpf-prof-buttons a * {
  color: #43a6df !important;
}
Page 1 / 2
Forum Jump:
  Previous Topic
Next Topic  
Share: