"Format of Toggle Header" (#1245516) / ThemeNectar

Comments

M started the conversation
July 18, 2017 at 11:21pm
How can i change the format (background color, font color, font size) of the toggle header.
http://hceg.org/2017-annual-forum/
Section FAQ and Agenda.

9,013

Tahir replied

July 19, 2017 at 12:31pm

Hey Again,

Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

.tabbed[data-style="minimal"] >ul li:not(.cta-button) a {
    font-size: 18px !important;
    color: #3452ff !important;
}
/* OR */
.tabbed >ul li a {
    color: #3f59ff;
    background-color: #add;
}
.tabbed > ul li a.active-tab {
    color: #f8f8f8;
    background-color: #3f59ff;
}

Thanks

ThemeNectar Support Team

M replied
July 21, 2017 at 3:49pm
Thank you, but you gave me css for the tabbed menu, NOT the toggle accordions.
See this page UNDER AGENDA. There you will see TOGGLE ACCORDIONS i would like to format differently (font, size, color, background color, etc).
http://hceg.org/2017-annual-forum/

9,013

Tahir replied

July 22, 2017 at 11:59am

Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

div[data-style="default"] .toggle h3 a {
    font-size: 18px !important;
    color: #3452ff !important;
}
/* OR */
body div[data-style="minimal"] .toggle h3 a {
    color: #3452ff !important;
    background-color: #add !important;
}
div[data-style="minimal"] .toggle.extra-color-3.open h3 a {
    color: #f8f8f8 !important;
    background-color: #3f59ff !important;
}

Thanks

ThemeNectar Support Team

1 Like