Accordian Css caption: Bold Text, Font Color and Accordion Tab Color

Forms SharePoint Online
1

Hello,

Kindly i need your help in order to change the accordion font and color style it will be easier to the end user to navigate especially when we have multiples accordion tabs.

what is the right CSS script to change the accordion:

  • Caption Text to BOLD
  • Caption Text/ Font Color
  • Accordion TAB color or back color

Thank you

2

Hello @gkhadra,

You can use the following CSS to style accordion tabs.

/* style all tabs */
a.nav-link {
    font-weight: bold;
    color: red;
    background: black;
}

/* style selected tab */
a.nav-link.active {
    font-weight: bold;
    color: blue;
    background: white;
}
1 Like