Title: Trouble with customizing CSS Last modified: April 10, 2019 --- # Trouble with customizing CSS * Resolved [geoffreymarktaylor](https://wordpress.org/support/users/geoffreymarktaylor/) * (@geoffreymarktaylor) * [7 years, 2 months ago](https://wordpress.org/support/topic/trouble-with-customizing-css/) * Hi, * Thanks so much for the great plugin. I’m having trouble changing the CSS for the spacer element and background on my page. Could you please assist? * Kind regards * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftrouble-with-customizing-css%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 15 replies - 1 through 15 (of 15 total) * Plugin Author [markoarula](https://wordpress.org/support/users/markoarula/) * (@markoarula) * [7 years, 2 months ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11412132) * Hi, * try this one for background: * ``` body.wp-night-mode-on .content-container { background: #000000; } ``` * and this one for spacer: * ``` body.wp-night-mode-on .spacer { background: #000000 !important; } ``` * Best regards * Thread Starter [geoffreymarktaylor](https://wordpress.org/support/users/geoffreymarktaylor/) * (@geoffreymarktaylor) * [7 years, 2 months ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11412302) * Thanks so much for the speedy reply and the code — works perfectly. Couldn’t be more appreciative. * Cheers * Plugin Author [markoarula](https://wordpress.org/support/users/markoarula/) * (@markoarula) * [7 years, 2 months ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11415685) * No problem, glad that I could help 🙂 * Best regards * [lsc38](https://wordpress.org/support/users/lsc38/) * (@lsc38) * [7 years, 1 month ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11522543) * hi – I thing I have the same problem but with you css code in additional css menu of mesmerize, I have no working result. Can you please check it out. [https://www.21-btc.club/](https://www.21-btc.club/) thanks and many regards Christian * Plugin Author [markoarula](https://wordpress.org/support/users/markoarula/) * (@markoarula) * [7 years, 1 month ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11532624) * Hi Christian, * try to add this CSS code: * ``` body.wp-night-mode-on .header-homepage.color-overlay * { background: transparent; } body.wp-night-mode-on .footer-contact-boxes .footer-content, body.wp-night-mode-on .navigation-bar.fixto-fixed { background: #000000; } body.wp-night-mode-on .fixto-fixed ul.dropdown-menu>li { color: #FFFFFF; } body.wp-night-mode-on .content-section { background: #000000 !important; border-bottom: 1px solid #DDDDDD; } ``` * Let me know if that was helpful. * Best regards * [lsc38](https://wordpress.org/support/users/lsc38/) * (@lsc38) * [7 years, 1 month ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11532890) * (@markoarula) many thanks for you work the css works perfect on my front page * but on the other not like here [https://www.21-btc.club/blog/](https://www.21-btc.club/blog/) * or [https://www.21-btc.club/bitcoin-price-can-reach-400000-usd/](https://www.21-btc.club/bitcoin-price-can-reach-400000-usd/) * Regals christian * Plugin Author [markoarula](https://wordpress.org/support/users/markoarula/) * (@markoarula) * [7 years ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11539257) * Try to replace the above CSS with this one: * ``` body.wp-night-mode-on .header.color-overlay * { background: transparent; } body.wp-night-mode-on .site>.content, body.wp-night-mode-on .site>.page-content, body.wp-night-mode-on .sidebar .widget, body.wp-night-mode-on .navigation-bar.fixto-fixed, body.wp-night-mode-on .footer-contact-boxes .footer-content { background: #000000; } body.wp-night-mode-on .fixto-fixed ul.dropdown-menu > li { color: #FFFFFF; } body.wp-night-mode-on .content-section { background: #000000 !important; border-bottom: 1px solid #DDDDDD; } ``` * [lsc38](https://wordpress.org/support/users/lsc38/) * (@lsc38) * [7 years ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11539560) * [@markoarula](https://wordpress.org/support/users/markoarula/) * many thanks for you work Now all looks great, just a little frame on the site of same pages are still withe. Is it possible to solve as well? * like here [https://www.21-btc.club/best-bitcoin-resources-opens-in-a-new-tab/](https://www.21-btc.club/best-bitcoin-resources-opens-in-a-new-tab/) * again many thanks for you great work * Plugin Author [markoarula](https://wordpress.org/support/users/markoarula/) * (@markoarula) * [7 years ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11542404) * Try with this one: * ``` body.wp-night-mode-on .mesmerize-inner-page .content { background: #000000; } ``` * No problem, glad that I could help 🙂 * Best regards * [lsc38](https://wordpress.org/support/users/lsc38/) * (@lsc38) * [7 years ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11542627) * [@markoarula](https://wordpress.org/support/users/markoarula/) Hmmm thanks for your replay but still some small Vertical white stripes on the side of the content. here [https://www.21-btc.club/privacy-policy/](https://www.21-btc.club/privacy-policy/) or here [https://www.21-btc.club/best-bitcoin-resources-opens-in-a-new-tab/](https://www.21-btc.club/best-bitcoin-resources-opens-in-a-new-tab/) * many regards Christian * Plugin Author [markoarula](https://wordpress.org/support/users/markoarula/) * (@markoarula) * [7 years ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11542648) * Ah yeah, i made a small mistake, you just need to remove one space. Like this: * ``` body.wp-night-mode-on.mesmerize-inner-page .content { background: #000000; } ``` * [lsc38](https://wordpress.org/support/users/lsc38/) * (@lsc38) * [7 years ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11542665) * Now its PERFECT Many Thanks for your work. 🙂 * Plugin Author [markoarula](https://wordpress.org/support/users/markoarula/) * (@markoarula) * [7 years ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11549992) * No problem, glad that I could help 🙂 * [lsc38](https://wordpress.org/support/users/lsc38/) * (@lsc38) * [7 years ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11551450) * Thank you One more question Can I make the night modus in a transparency color over the Frontpage Header (Picture) maybe by 70% black, so you can see the header picture behind.And the overlay with the technical analyses as well? [http://www.21-btc.club](http://www.21-btc.club) * many regards Christian * Plugin Author [markoarula](https://wordpress.org/support/users/markoarula/) * (@markoarula) * [7 years ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11558203) * If I understand you well, I think you want something like this: * ``` body.wp-night-mode-on .header-homepage * { background-color: transparent; position: relative; } body.wp-night-mode-on .header-homepage:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); } ``` * Of course, overlay transparency can be adjusted, just try to change last value in rgba(). For example this will make overlay darker: rgba(0,0,0,0.7) Viewing 15 replies - 1 through 15 (of 15 total) The topic ‘Trouble with customizing CSS’ 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/) * 15 replies * 3 participants * Last reply from: [markoarula](https://wordpress.org/support/users/markoarula/) * Last activity: [7 years ago](https://wordpress.org/support/topic/trouble-with-customizing-css/#post-11558203) * Status: resolved