sabbirsam

Hi @mryess

We found your sidebar menu class which is

.sidebar-menu

is not getting dark mode background color.
Link: added bg color
The code is provided for your convenience:

.mfp-content.off-canvas-cart {
    background: rgb(36, 37, 37)!important;
}
.sidebar-menu.no-scrollbar {
    background: rgb(36, 37, 37)!important;
}

You can easily solve this by using the code given above directly on the Dark Mode custom CSS panel.

If you find this difficult to resolve, please contact our support

Hi @gcskye

We assume the problem may be that your theme has overwritten the dark mode css which is why dark mode CSS is not working on some portions after site load.

To overcome this you can set the properties of the dark mode CSS !important in the dark mode custom CSS panel by using the selector which is overwritten by your theme.

Since the problem cannot be properly identified without seeing it at all, share the website link with us so that we can debug your problem and solve it for you. Thanks

Hi @gcskye

Once the Dark Mode is enabled, Its should activated on the entire site unless you switch back. We did not encounter the problems during the test.

We need to be debugging from your site to identify the mentioned error.

Will you please share the link of your website so that we can identify your problems and give you the right solution?

Thanks

Hi @lutzryan

Could you give me a little more detail about the problem you are facing?

If you have a few moments to elaborate on that, I can talk to the team, and we can give our best support to fix your problems.

Share your website with us so we can check your issues. Awaiting your feedback.

Hi @logicbus

First, I would like to apologize for your negative experience with WP Dark Mode. We would love to understand your situation better so we decided to test the problem ourselves.

Could you give me a little more detail about the problem you are facing? If you have few moments to elaborate on that, It will be much easier for us to understand.

To illustrate the problem, you may use a variety of free online recorders, such as Loom/Vidyard.

Once we know the details of the problems you are facing like which Theme you’re using and what are the problems Dark Mode is creating/what is not working, we will be able to take appropriate steps to help you, so your cooperation is most appreciated.

You can contact our support directly if you want. Thanks

Hi @emberlens

In some cases the theme’s CSS overrides the plugin’s CSS, so you need to solve those undesirable problems using Dark Mode custom CSS feature.

For your convenience we are providing you below the required code which can be used to solve that problem.

.elementor-shape .elementor-shape-fill {
    fill: #282727 !important;
}

Check out this screenshot to see how it fixed. Link

Thanks

Hi @sabinodelia

Sorry about that, We have already tested all other browsers and have not encountered such issues.

Since the problem is absolutely on your side please share your website link with us so we can check this out.

You are also requested to contact our support for proper investigation. Thanks

• This reply was modified 2 years, 12 months ago by sabbirsam.

Hi @sabinodelia

We’re guessing the problem you’re mentioning about is found in the Firefox browser which is not OS aware mode compatible.

If the “Make Dark Mode Default” is disabled/turned off then it works well in any browser except Firefox. You may check.

To fix this on Firefox you can turn off “Enable OS aware Dark Mode” from the General Settings. Your problem will be solved.

Hi @escienca

We’re sorry to hear you’re not satisfied with our plugin, Its because of some of your misunderstandings.

Would you like to shade some light on what do you exactly mean by custom CSS modification?

If you have a few moments to elaborate on your issues that you faces, I can talk to the team , and we can give our best advice/solutions for you.

Since you’re converting a theme from a completely normal/light mode to dark mode, It is must need to use some CSS in order to bring dark mode. However, these changes will not be in your theme after uninstalling, Unless you use them on theme customizer CSS section.

Fortunately, we have not received any complaints from any of our users that their website style has been broken due to the use of WP Dark Mode.

If something like this has happened to you, We have professional support team to help you.

You can also share a link to your website by activating Dark Mode so our developer can identify your problems.

We sincerely look forward to seeing and resolving your issue. Thanks

• This reply was modified 2 years, 12 months ago by sabbirsam.

Hi @peopleinside

First, I would like to apologize for this experience.

However, our update was released two weeks ago and no other version has been released since then.

We have examined the problem you mentioned but have not encounter while testing.

Since this problem is being generated exclusively from your theme, we should examine your problem.

We request that please contact our support so that our developer can debug your issue and give you a solution.

We assure you that your issue will be resolved very soon. Thanks

Hi @youknowwhat

We visited the website via the link you provided but found that Dark Mode was not activated so we could not debug your issue.

Please reactivate Dark mode.

Also if possible you may send us an overview video of the problem which will make it easier to understand and help us to identify the problem quickly.

Besides, You can contact our support to solve the problem.

Thanks

Hi @charlesrodmell

Thank you very much. We have received your email. Our support team will respond to your mail soon.

Hi @coolplayzd

We see that the following codes have been ignored because of your theme. You can easily solve your problem by using the following codes. Just use those code on
Appearance > Customize > Additional CSS

html.wp-dark-mode-active :not(.wp-dark-mode-ignore):not(img):not(a):not(a):not(.elementor-element-overlay):not(.elementor-background-overlay) {
    color: var(--wp-dark-mode-text) !important;
    border-color: var(--wp-dark-mode-border) !important;
    background-color: var(--wp-dark-mode-bg) !important;
}

If you find this difficult to resolve, feel free to contact us. Thanks

Hi @khaliel

Since you did not share the website link with us, we are unable to give you the correct solution without seeing your problem.

However, if there is ever a background in an image, you can easily fix it using Dark Mode’s custom CSS in the following ways

Your problem will be solved only if you make it transparent through that class.
For example:

ClassName{
  --wp-dark-mode-bg: transparent !important;
}

If you find this issue too complicated to fix, you can contact us for support.
Thanks

• This reply was modified 3 years, 1 month ago by sabbirsam.

Hi @staipa

We visited your website and found the Twitter widget you are talking about is an iframe which cannot be changed to dark mode. Check

As Iframe display another webpage content into a HTML page document, we do not have any access over there to change the style.

Thanks