CSS for Accordion Text

[digitalbazaar]

Hi, Can you give me the CSS I need to change the color, font type, and turn bold the font in the accordion? Can I style active accordion “Title” differently?

This is what worked for the tabs.

.section-container .kleo-tabs.tabbable ul.nav.nav-tabs li.active {color:red !important;}

Here is the page with the accordion. http://new.digitalbazaar.com/home-2/

Thanks

[Radu]

Hi,

Try those selectors

COPY CODE

.panel-heading {
    background-color: yellow !important;
    font-family:monospace;
}
.panel-heading a.accordion-toggle {
    color: red !important;
    font-family: monospace;
}

.panel .panel-collapse { background-color:green; color:#fff;font-family:monospace;}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[digitalbazaar]

.panel-heading a.accordion-toggle {
color: red !important;
font-family: monospace;
}

The above does what I want, mostly. How do I change the font size and make the font bold?

Thanks.

[Radu]

Hi,

With these declarations you can change font size and font weight

COPY CODE

.panel-heading a.accordion-toggle {
font-size:10px;
font-weight:bold;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

What support service includes ? What not ?

[Jennifer Lyssy]

Are there updates to the css? I cannot get this code to work for me?

[Radu]

Where I can see accordion live on your site to can test the solution, please ?

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts