Sticker Sticker
Sticker Sticker
  • 00 :

    Days
  • 00 :

    Hours
  • 00 :

    Minutes
  • 00

    Seconds
Sticker Sticker

How to Use Custom CSS Support in Dark Mode

Table of Contents

Sometimes different elements or backgrounds of your WordPress site may go away from their own style when switched to dark mode. You can easily edit buttons, form fields, specific sections, or the background color of the website in your favorite style using the custom CSS feature of WP Dark Mode.

Video Tutorial #

Go to the web page where you want to use custom CSS to make advanced editing. Right-click on the designated section and click on “Inspect”. Find the area and copy the style elements.

How to Use Custom CSS Support in Dark Mode

Now, go to the admin dashboard, then navigate to WP Dark Mode > Custom CSS. Then paste the custom CSS code and click on “Save Settings“. The section will now correctly appear on dark mode.

How to Use Custom CSS Support in Dark Mode

Easy Video Reviews

{{startingCount}}
{{time(finishingCount)}}
{{trans(`You have no camera installed on your device or the device is currently being used by other application`)}}
{{trans(`Please try visiting this page with a valid SSL certificate`)}}
{{trans(`You can record up to %s minutes, don't worry you will review your video before sending`, time(preference.max_video_length))}}
{{trans('Seconds')}}
{{trans(`You can record up to %s minutes, don't worry you will review your video before sending`, time(preference.limits))}}
{{trans('Uploading video...')}}
{{send.message}}

{{trans('Upload video')}}

{{trans('Drag your files here or click in this area')}}
{{uploader.file}} {{uploader.size}} x