markoarula

Hi,

I’ve just released a new plugin version with Toggle Style option in Customizer (https://prntscr.com/l39cft).

The toggle button you wanted is at “Style 3”.

Best regards

Hello,

I think I will add this to plugin options. Please give me a couple of days for this, I’m very busy at this moment.

Best regards

Hi,

sorry for the late reply, I’ve been very busy lately so I didn’t have too much time for the plugin update.

Please give me a few more days and I’ll add toggle design options.

Hi,

I have not been able to replicate your issue with the map and since the plugin only changes background colors and text colors this is most likely a CSS issue.

Can you send me a link from your website so I can inspect in DevTools what is going on?

Best regards

Hi,

first of all sorry for the late reply, I’ve been very busy so I didn’t have too much time for support.

This CSS should cover everything on your Homepage (navbar, sticky navbar, footer and all sections with background colors and text colors):

body.wp-night-mode-on #site-header,
body.wp-night-mode-on .elementor-19 .elementor-element.elementor-element-e656873,
body.wp-night-mode-on .elementor-19 .elementor-element.elementor-element-c7d5c75,
body.wp-night-mode-on .elementor-19 .elementor-element.elementor-element-1f4f423 > .elementor-element-populated {
	background: #444444 !important;
}

body.wp-night-mode-on .elementor-19 .elementor-element.elementor-element-a1b0a14 .elementor-container,
body.wp-night-mode-on .elementor-19 .elementor-element.elementor-element-a1b0a14 .elementor-container *,
body.wp-night-mode-on #scroll-top > span,
body.wp-night-mode-on .elementor-19 .elementor-element.elementor-element-3317864 * {
	background: transparent !important;
}

body.wp-night-mode-on .elementor-19 .elementor-element.elementor-element-fccf76e * {
	background: #000000;
}

body.wp-night-mode-on #site-logo a.site-logo-text,
body.wp-night-mode-on .elementor-19 .elementor-element .eae-separator-title,
body.wp-night-mode-on .elementor-19 .elementor-element .obfx-service-title,
body.wp-night-mode-on .elementor-19 .elementor-element.elementor-element-b817bc3.elementor-widget-heading .elementor-heading-title {
	color: #ffffff !important;
}

body.wp-night-mode-on .elementor-19 .elementor-element.elementor-element-1f4f423 > .elementor-element-populated input[type="email"] {
	background-color: #1e73be;
}

body.wp-night-mode-on .elementor-19 .elementor-element.elementor-element-1f4f423 > .elementor-element-populated input[type="email"]:hover {
	background-color: #13aff0;
}

body.wp-night-mode-on #site-logo a.site-logo-text:hover {
	color: #1e73be;
}

body.wp-night-mode-on #footer-bottom.no-footer-nav #copyright {
	background: #1b1b1b;
}

Let me know if the above code helped you.

Best regards

Of course, just go to the Dashboard->Appearance->Customize and find Night Mode section. Try to select the black color for example on Body Background option and you’ll see weather plugin works or not.

Hi,

I’ve just inspected your site and I can confirm that plugin is working.
Have you tried to make some color changes in Customizer?

Best regards

Hi,

this is a pretty strange issue with the map. I’ll run some tests, try to replicate the issue and fix it.

Regards

Hello,

I agree with you and my plan was to expand the plugin with all kinds of different options among which is a choosable toggle design option.

If it’s not hard to wait for you, I’ll add this option by the end of the week and you’ll have the design of the button you want.

Best regards

Hi,

I just released a new version of the plugin, in which the night mode function works on all posts and pages.

So if a user turns on the night mode, the browser will remember it and load any other page with night mode on.

Best regards

Hi,

I’ve released a new version of the plugin (1.0.1) with a toggle button fix.

Can you send me a link to your site or print screen with this map issue? I would like to look at this in more details, but I didn’t really understand what the problem is.

Thanks.

Regards

Hi,

sorry for the late reply. I’ll fix the button issue by the end of this week and release an update.

As far as the map is concerned, the plugin still has no options for changing map styles, but I’ll look at what to do about it.

Regards

Sorry for the late reply.

This is just CSS issue and you can solve it quite easily.

It’s hard to cover everything in every theme with CSS and in some cases plugin settings will not change all colors as expected because some themes are using lots of “!important”.

For example, your theme can have something like this in CSS:

body {
    background-color: #ffffff !important;
}

and in that case, you’ll have to override this !important with another !important written by your side.

Switching the “Night mode” button will add or remove “wp-night-mode-on” class on <body> tag and you can use that class for overriding existing CSS.

Like this:

body.wp-night-mode-on {
    background-color: #000000 !important;
}

That’s it, just a bit of playing with CSS ??

• This reply was modified 6 years, 4 months ago by markoarula.

Hi,

can you explain it in more details or send some screenshot?

Hi,

I tested this on iPhone 7. I also think that some third party plugin is causing this.

My solution is CSS.

Thanks