• Resolved lana23q

    (@lana23q)


    Does wp night mode work with divi? If yes, is there any video/text instruction? Thank you in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author markoarula

    (@markoarula)

    Hello,

    the plugin has not been tested with divi, but it should work properly (without breaking anything).

    As in any case, it will certainly require additional custom CSS for best results.

    Best regards

    Thread Starter lana23q

    (@lana23q)

    thank you)

    Hi, it’s a bit late to reply to this thread perhaps. But for the record, the plugin does work with Divi perfectly. Depending on how far you went with your Divi customization it requires extra custom css. But it’s rather simple, by adding body.wp-night-mode-on to any css directive, like this I’m working on now:

    /* NIGHT MODE */
    
    body.wp-night-mode-on {
        background-color: #333333;
    }
    
    body.wp-night-mode-on .et_pb_section {
        background-color: #333333;
    }
    
    body.wp-night-mode-on .et_pb_contact p input,body.wp-night-mode-on .et_pb_contact p textarea,body.wp-night-mode-on .et_pb_subscribe .et_pb_contact_field input,body.wp-night-mode-on .et_pb_subscribe .et_pb_contact_field textarea, body.wp-night-mode-on #page-container .et_pb_section .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button {
        background-color: #474747;
    }
    
    body.wp-night-mode-on .et_pb_blog_grid .et_pb_post {
     background-color: #474643;
     border: none;
    }

    In other words, consider that WPNightMode adds the class .wp-night-mode-on to the Body. From there, any customization is quite easy for most themes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Does wp night mode work with divi?’ is closed to new replies.