Dark mode switcher

Public Ticket #23058

Conversation thread

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

I've re-updated your site.

Please check.

Regards,
PenciDesign.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

I've fixed your site issue.

Please check.

Regards,
PenciDesign.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please send me a screenshot and take note. I'll check and then send you a quick solution.

Regards,
PenciDesign.

facenuma replied

3 years ago

Customer Reply

I am facing another issue with dark mode.

My site had CLS problem with header search so I disabled it. But dark mode switch also disappeared after removing search symbol.

Please check and advise.

facenuma replied

3 years ago

Customer Reply

Fixed.

Thanks!

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

The problem is that you've added the inline style for these elements, so it can't show the color correctly when you've enabled the dark mode.

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

body.pcdm-enable.pcdark-mode .wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single {
    color: var(--pctext-cl) !important;
}
body.pcdm-enable.pcdark-mode .wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap span {
    color: var(--pctext-cl) !important;
}
body.pcdm-enable.pcdark-mode #mc_embed_signup,
body.pcdm-enable.pcdark-mode #mc_embed_signup .helper_text {
    background: var(--pcbg-l-cl) !important;
}

Regards,
PenciDesign.

Want to join this conversation or access attachments? Sign in first.