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; }
More popular tutorials
Discover more articles and tutorials to help you build better.
Custom Product Layout like Amazon in Flatsome Theme
Setup the Cookie Notice Bar (GDPR) in Flatsome Theme
Manage Product Highlights in Flatsome Theme
Black Friday ⚡ Limited offer 50%-Off
Look better. Sell Better. With our designs.
Beautifully designed and easy customizable Flatsome demos for your WooCommerce shop. Invest in your online future.