Hi,
try this one for background:
body.wp-night-mode-on .content-container {
background: #000000;
}
and this one for spacer:
body.wp-night-mode-on .spacer {
background: #000000 !important;
}
Best regards
Thanks so much for the speedy reply and the code — works perfectly.
Couldn’t be more appreciative.
Cheers
No problem, glad that I could help 🙂
Best regards
hi – I thing I have the same problem but with you css code in additional css menu of mesmerize, I have no working result.
Can you please check it out.
https://www.21-btc.club/
thanks and many regards
Christian
Hi Christian,
try to add this CSS code:
body.wp-night-mode-on .header-homepage.color-overlay * {
background: transparent;
}
body.wp-night-mode-on .footer-contact-boxes .footer-content,
body.wp-night-mode-on .navigation-bar.fixto-fixed {
background: #000000;
}
body.wp-night-mode-on .fixto-fixed ul.dropdown-menu>li {
color: #FFFFFF;
}
body.wp-night-mode-on .content-section {
background: #000000 !important;
border-bottom: 1px solid #DDDDDD;
}
Let me know if that was helpful.
Best regards
(@markoarula)
many thanks for you work
the css works perfect on my front page
but on the other not like here
https://www.21-btc.club/blog/
or https://www.21-btc.club/bitcoin-price-can-reach-400000-usd/
Regals christian
Try to replace the above CSS with this one:
body.wp-night-mode-on .header.color-overlay * {
background: transparent;
}
body.wp-night-mode-on .site>.content,
body.wp-night-mode-on .site>.page-content,
body.wp-night-mode-on .sidebar .widget,
body.wp-night-mode-on .navigation-bar.fixto-fixed,
body.wp-night-mode-on .footer-contact-boxes .footer-content {
background: #000000;
}
body.wp-night-mode-on .fixto-fixed ul.dropdown-menu > li {
color: #FFFFFF;
}
body.wp-night-mode-on .content-section {
background: #000000 !important;
border-bottom: 1px solid #DDDDDD;
}
@markoarula
many thanks for you work
Now all looks great,
just a little frame on the site of same pages are still withe.
Is it possible to solve as well?
like here
https://www.21-btc.club/best-bitcoin-resources-opens-in-a-new-tab/
again many thanks for you great work
Try with this one:
body.wp-night-mode-on .mesmerize-inner-page .content {
background: #000000;
}
No problem, glad that I could help 🙂
Best regards
@markoarula
Hmmm thanks for your replay
but still some small Vertical white stripes on the side of the content.
here
https://www.21-btc.club/privacy-policy/
or here
https://www.21-btc.club/best-bitcoin-resources-opens-in-a-new-tab/
many regards
Christian
Ah yeah, i made a small mistake, you just need to remove one space.
Like this:
body.wp-night-mode-on.mesmerize-inner-page .content {
background: #000000;
}
Now its PERFECT
Many Thanks for your work. 🙂
No problem, glad that I could help 🙂
Thank you
One more question
Can I make the night modus in a transparency color over the Frontpage Header (Picture) maybe by 70% black, so you can see the header picture behind.And the overlay with the technical analyses as well?
http://www.21-btc.club
many regards
Christian
If I understand you well, I think you want something like this:
body.wp-night-mode-on .header-homepage * {
background-color: transparent;
position: relative;
}
body.wp-night-mode-on .header-homepage:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.5);
}
Of course, overlay transparency can be adjusted, just try to change last value in rgba(). For example this will make overlay darker: rgba(0,0,0,0.7)
