This topic has 5 replies, 3 voices, and was last updated 7 years by 
-
-
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
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.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.
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 solutionWhere 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
The forum ‘General questions’ is closed to new topics and replies.
