Accordion Text Color(s)

[ehansen43]

In referencing all past threads I cannot find a solution to the text in an accordion not inheriting a color value. I’ve changed the “Link color” and various other values trying to see a change. Any/all advice would be appreciated!

[Kyle – SUPPORT]

Hi

Can you screenshot which text you are referring to?

– Kyle

[ehansen43]

absolutely – 2 are attached – one showing the accordion on the backend and the other showing the page on the frontend

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

What text do you want to change the colour of?

– Kyle

[ehansen43]

The text inside the accordions. I cannot find a value or field on the color customizer that changes their appearance. Anything that helps them show as not “hidden”

[Kyle – SUPPORT]

Add this to your custom css:

.spb_accordion {
  opacity: 1!important;
}

– Kyle

[ehansen43]

Perfect – thank you. That worked for the text/appearance issue, but it does look like the accordions lost their dropdown functionality. Am I missing something there?

all changes to the CSS/JS are below:

.full-center #logo.has-img a > img {
height: auto;
}
#top-bar {
border-bottom: none;
}
.spb_accordion {
opacity: 1!important;
}

.spb_accordion .spb_accordion_section > h5 a{
font-size:20px !important;
}
.ui-accordion h4.ui-accordion-header .ui-icon {
margin-right: 10px!important;
}
@media only screen and (max-width: 1024px) {
.page-heading.fancy-heading
{
padding-top: 80px !important;
padding-bottom: 0px !important;
}
.header-naked-light .fancy-heading .heading-text, .header-naked-dark .fancy-heading .heading-text {
padding-top: 80px;
padding-bottom: 0px;
margin-top: 20!important;
}
span.menu-bars {
background-color:#fff!important;
}
figure.animated-overlay figcaption{
background-color:#ff0000 !important;
}
}

[Mohammad – SUPPORT]

Hi,
Please upgrade the theme to latest version 2.4.4 and check for this issue.
Thanks
Mohammad