Accordion Tab title

naledi

Hiya,

I would like to change the font size and color of my accordion tab (not the accordion title : see image) using custom css in BeTheme css builder. I added .accordion-title to the custom CSS item and the following css to the BeTheme builder:

.accordion-title {

font-size: 20px;

font-weight: bold;

background: red;

}
 

This changes my accordion Title and not the tab and the content within the tab.
Please could you advise.

Bryan

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

naledi

Hi,

The link is here: http://odourobservatory.org/know-your-rights/

Pablo

Please use this CSS, paste it to the Theme Options > Custom CSS & JS > CSS

.accordion .question .title{
  background:red !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

naledi

Thanks for your response. This CSS changes the tab background colour but I wanted to change the font size here. Any guidance is much appreciated.

naledi

I've worked it out - thank you!