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] How to change font colours of wpForo widgets?

5 Posts
2 Users
1 Reactions
1,660 Views
Posts: 3
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
(@dionf)
Active Member
Joined: 5 years ago
[#16675]

Hello there,

 

I have been searching but cannot find the answer. I am wanting to change the colour of the text on the wpForo widgets (Recent posts and recent topics) to White, because on the default dark colour does not look good when against a dark background (see attached screenshot)

The colour options in the styling settings do not change on the widgets so I know I will need a CSS code. 

 

Thank You 

 Screen Shot 2021 05 06 at 9.23.15 am

Topic Tags
4 Replies
Robert
Posts: 10754
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
(@robert)
Support Team
Joined: 3 months ago

Hi @dionf,

Please leave your forum URL.


Posts: 3
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
(@dionf)
Active Member
Joined: 5 years ago
2 Replies
Robert
Admin
(@robert)
Joined: 3 months ago

Support Team
Posts: 10754
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

@dionf

Put this CSS code in your child theme style.css or in the top admin bar > additional css textarea. Save it, delete all caches. Go to website front-end and press Ctrl+F5 to reset browser cache.

.elementor-section.elementor-inner-section .wpforo-widget-wrap h5,
.elementor-section.elementor-inner-section .wpforo-widget-wrap .wpforo-widget-content {
    color: #fff!important;
}
.elementor-section.elementor-inner-section .wpforo-widget-wrap .wpforo-widget-content p.posttitle a{
	color: #f6b8cd!important;
}

(@dionf)
Joined: 5 years ago

Active Member
Posts: 3
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

@robert 

 

Thank you, that worked! I greatly appreciate your help. Will leave a review.

 

Thanks! 


Share: