Query

  • Resolved birdbrainsolutions

    (@birdbrainsolutions)


    6 years, 2 months ago

    Hi Markoarula,

    Firstly, thank you for creating this plugin!

    Can you please have a look at this subdomain and tell me how to change the entire navbar to the color in css? I tried #site-header .wp-night-mode-on in the css, but not quite sure how to proceed.

    Also, is there a way to change the color (when nightmode is switched on) for mystickymenu plugin (sticky navbar on scroll)? Right now I can set it to one color only (either white or dark).

    Thank you and have a lovely day!

    yours sincerely,

    Birdbrain Solutions

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author markoarula

    (@markoarula)

    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

Viewing 1 replies (of 1 total)
  • The topic ‘Query’ is closed to new replies.