Title: Additional CSS not working
Last modified: February 21, 2020

---

# Additional CSS not working

 *  Resolved [jdrobertssff](https://wordpress.org/support/users/jdrobertssff/)
 * (@jdrobertssff)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/additional-css-not-working-4/)
 * Great plugin. I’ve just setup a new WordPress site and installed this plugin 
   but additional CSS does not seem to work. I’m using an Astra theme which I’ve
   customised. Most of that was easy but there were three areas that stayed white
   with the built-in options. I was able to add the following CSS to change the 
   white to a light grey background:
 * .ast-separate-container .ast-article-single {
    background-color: #f7f7f7; } .
   ast-separate-container .comment-respond { background-color: #f7f7f7; } .ast-separate-
   container .ast-article-post { background-color: #f7f7f7; }
 * However, if I put body.wp-night-mode-on before any of them it doesn’t work. Example:
 * body.wp-night-mode-on .ast-separate-container .ast-article-single {
    background-
   color: #f7f7f7; }
 * I’ve looked through other threads but didn’t find anything to help, though I 
   did try some of the code that was posted. This didn’t work:
    body.wp-night-mode-
   on a:visited { color: #ffffff; text-decoration: underline; }
 * But this did:
    .wp-night-mode-on { filter: invert(100%); }
 * Also this worked on some of the page but not others (including the three areas
   mentioned above):
    body.wp-night-mode-on *:not(img) { background: #1e1e1e; }
 * Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [markoarula](https://wordpress.org/support/users/markoarula/)
 * (@markoarula)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/additional-css-not-working-4/#post-12473183)
 * Hi,
 * you have to find exact element which has white background and then you can override
   it with adding body.wp-night-mode-on before that element class.
 * If you can share a link to your site i’ll be able to help you a lot more.
 * Best regards
 *  Thread Starter [jdrobertssff](https://wordpress.org/support/users/jdrobertssff/)
 * (@jdrobertssff)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/additional-css-not-working-4/#post-12473208)
 * Hi,
 * Thanks for your reply. I’ve managed to solve the issue. I changed themes but 
   I still had the issues. The code wasn’t working in additional CSS, but when I
   installed SiteOrigin CSS and implemented edits from there it worked perfectly
   🙂
 * Awesome plugin!
 * Best regards

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Additional CSS not working’ is closed to new replies.

 * ![](https://ps.w.org/wp-night-mode/assets/icon-128x128.png?rev=1894661)
 * [WP Night Mode](https://wordpress.org/plugins/wp-night-mode/)
 * [Support Threads](https://wordpress.org/support/plugin/wp-night-mode/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-night-mode/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-night-mode/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-night-mode/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [jdrobertssff](https://wordpress.org/support/users/jdrobertssff/)
 * Last activity: [6 years, 3 months ago](https://wordpress.org/support/topic/additional-css-not-working-4/#post-12473208)
 * Status: resolved