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

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

[Closed] WpForo Dark Theme not applying to child windows

2 Posts
2 Users
0 Reactions
1,095 Views
Posts: 1
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
(@gensiddy)
New Member
Joined: 3 years ago
[#50094]

Hello, I've been quite happy with WpForo's integratability into WordPress.  So far so good, I'm generally pretty happy with it.

One issue that's bugging me: I selected the WpForo "Dark" theme.  For the most part it's working fine--but any "child windows" (i.e. "Add Link", "Notifications", etc.) are all bleach-white, rendering them effectively useless.  (See attached screenshot.)

I've dug into the CSS from Firefox Developer tools, and in each case, there's a "background-color: #FFF" on the offending items.  What confuses me about that, is that none of the WpForo theme colors are bleach-white.

Can I solve this at the root without just blanketing CSS "!important" on top of problem CSS?

The page I need help with
wpForo Version
2.1.9
WordPress Version
6.3

1 Reply
Robert
Posts: 10730
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: 2 months ago

Hi @gensiddy,

Try this css code. Put it in Dashboard > wpForo > Colors & Styles > Custom CSS Code textarea and delete all caches:

.mce-window .mce-container-body.mce-abs-layout .mce-widget{
    color: #333 !important;
}

Share: