In the video I’ll show you how to integrate a Dark Mode option inside your WordPress Flatsome project. Working with the WP Dark Mode plugin it makes it super easy to integrate this without writing any line of code.

Discount code

Coupon for 30% off: sebdelaweb30

Switcher shortcode

Replace the number “1” to change the style.

[wp_dark_mode_switch style="1"]

Custom CSS

Flatsome section element fix for Dark Mode

div#content.content-area, .mfp-content {
	background: var(--wp-dark-mode-bg)!important;
}

Flatsome Button (outline) fix for Dark Mode

.button.is-underline, .button.is-link {
    background-color: transparent !important;
    border-color: transparent !important;
}