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; }
Other tutorials & documentation
Boost your Flatsome shop further
Automatic Popup with Lightbox in Flatsome Theme
Best Flatsome Theme Setup for WooCommerce Shops
Duplicate UX Builder Elements Super Fast with Copy Shortcode
Black Friday ⚡ Limited offer 50%-Off
Get all Seb's Flatsome Designs
Enjoy instant access to our vast library of premium Flatsome templates. Save more than $600 today.
$960