Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed. We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

Styling does not match dark mode

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

@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: 6 years ago
Reply
1 Reply
Astghik
Admin
(@astgh)
Joined: 8 years ago

Illustrious Member
Posts: 6444

@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