Community > Discussions

What will you discuss today?

New Discussion
Subscribe to this discussion
101 views
2 replies

Porto 6 Toggle Colors

Hi everyone, I'm trying to change the CSS in Porto 6 so the primary color on the Toggle is used for both the Active and Inactive section/section heading any ideas (see attached)? I've only been able to do it using !important but I know that's bad...

Thanks, TJ

Attached Files
TJ TJ
Published 09/06/2021 18:38
Add Comment
Ishita Gupta

Please add the following CSS in your site Custom CSS (Persona Bar > Settings) and let us know if any concerns.

html body .toggle-primary .toggle > label, html body .toggle-primary .toggle > .toggle-heading {
    background-color: #0088cc;
    border-color: #0088cc;
    color: #FFF;
}

html .toggle>label:before, html .toggle>.toggle-heading:before {
    border-left-color: #fff;
}

replied 09/08/2021 11:21
TJ

Perfect! I was struggling with that!

Thank you, TJ

replied 09/09/2021 13:20
Reply

Last Activity 11/19/2021 04:09