Notifications
Clear all

Styling does not match dark mode  


Kalee Raisor
Posts: 4
Customer
(@kalee-raisor)
Member
Joined: 6 months ago

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.

Topic Tags
5 Replies
Kalee Raisor
Posts: 4
Customer
(@kalee-raisor)
Member
Joined: 6 months ago

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

Reply
Kalee Raisor
Posts: 4
Customer
(@kalee-raisor)
Member
Joined: 6 months 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
(@astghik)
Joined: 2 years ago

Support Team
Posts: 3788

@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
Kalee Raisor
Posts: 4
Customer
(@kalee-raisor)
Member
Joined: 6 months ago
Reply
1 Reply
Astghik
Admin
(@astghik)
Joined: 2 years ago

Support Team
Posts: 3788

@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: