Notifications
Clear all

Styling does not match dark mode

6 Posts
2 Users
0 Reactions
1,678 Views
Posts: 13
Customer
Topic starter
(@kalee-raisor)
Member
Joined: 5 years 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.

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

Illustrious Member
Posts: 6149

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

Illustrious Member
Posts: 6149

@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