AI Assistant
Notifications
Clear all

Styling does not match dark mode

6 Posts
2 Users
0 Reactions
2,708 Views
Posts: 13
Customer
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
(@kalee-raisor)
Member
Joined: 7 years ago
[#4541]

Just purchased and installed the User & Comment Mentioning addon and the Frontend Moderation addon and they do not use the dark styling even though that is what is set for the comment system.


5 Replies
Posts: 13
Customer
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
(@kalee-raisor)
Member
Joined: 7 years ago

Apologies, found the styling for Frontend Moderation but still no luck for User & Comment Mentioning and Comment Author Info addons


Reply
Posts: 13
Customer
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
(@kalee-raisor)
Member
Joined: 7 years ago

One last thing, I am also getting this white box in the bottom left of all pages on my site now.

image

Reply
1 Reply
Astghik
Admin
(@astgh)
Joined: 8 years ago

Illustrious Member
Posts: 6645
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

@kalee-raisor,

Thank you for contacting us.

Some add-ons don't have dark modes. Please leave some example URL to allow us to check it and provide CSS solutions for you. 


Reply
Posts: 13
Customer
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
(@kalee-raisor)
Member
Joined: 7 years ago
Reply
1 Reply
Astghik
Admin
(@astgh)
Joined: 8 years ago

Illustrious Member
Posts: 6645
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

@kalee-raisor,

Please navigate to Dashboard > Comments > Settings > Styling admin page, put the following CSS code in "Custom CSS code" textarea, save it, delete all caches and check again.

div#wcaiInfo {
background-color: #000 !important;
}
.wcai-wrapper .wcai-content-item-short {
background: #000 !important;
}
.wcaiInfoShort .wcai-wrapper .wcai-content:after {
border-right-color: #000;
}
.wcai-wrapper .wcai-content-item-short {
border: 1px solid #000 !important;
}
.wcaiInfoShort .wcai-wrapper .wcai-content {
background-color: #736f6f;
box-shadow: 2px 3px 2px 0px #4a4343;
}
.wcaiInfoShort .wcai-wrapper .wcai-content:after, .wcaiInfoShort .wcai-wrapper .wcai-content:before {
border: 10px solid transparent;
border-right-color: #525151;
}
#wpcomm .u_list span.us-nik, #at-view-wpdumc span.us-nik {
background-color: #352c2c !important;
}
#wpcomm .li-add, #at-view-wpdumc .li-add {
background-color: #000 !important;
border-bottom: 1px solid #211c1c;
}
.wcai-wrapper .wcai-profile-stat-box-val {
background-color: #000 !important;
}
.wcai-wrapper .wcai-profile-stat-box {
border: 1px solid #5a5757;
}

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.     


Reply
Share:
Scroll to top