Search
Other Tabs & Accordions questions
Forum

Custom css of accordions

Ton van der Helm's Avatar Ton van der Helm
Hello Peter,
I can't find a way to style the accordions with my own custom style in the documentation.
Normally I look it also up with my devtools but this also doesn't work for me.
Can you please point me in the right direction?
Thanks!
Greetings, Ton
Ton van der Helm's Avatar Ton van der Helm
Yes, I read that twice.
It says how you can style a individual accordion (or tab).
But there is nowhere where it says how to make a custom css style for a page with more accordions on it.

In my case the paragraph font is white where it should be black.
For now I managed to add a style for this particular page but I think this can be done differently.
I've done this:
#article-30 p {
color:#333;
}
But I don't now how to do it sidewide.
Thanks!
Peter van Westen's Avatar Peter van Westen ADMIN
Do you have this online so I can take a look?
Please post a rating at the Joomla! Extensions Directory
Peter van Westen's Avatar Peter van Westen ADMIN
You could do:
[data-rlta-element=panel] {
    color: #333;
}
Please post a rating at the Joomla! Extensions Directory
Ton van der Helm's Avatar Ton van der Helm
Yes, this works fine, thanks!
Winfried Buijen's Avatar Winfried Buijen
Peter,

Please some more help here with styling the tabs and accordions.

How do I style the active and hover items?
I tried with the above solution and added the "> a:hover" to it.
But this doesnt seem to be the proper way 😉

Hope you can help me out here.

Kind regards,
Winfried
Peter van Westen's Avatar Peter van Westen ADMIN
For more info about how elements get their styling, you can use the Element Inspector of your browser.
Please post a rating at the Joomla! Extensions Directory
Ton van der Helm's Avatar Ton van der Helm
Hello,
On my clients testsite I've installed the extension manager and the Tabs and Accordions plugin.
Also I placed the download key.
But when I want to edit the Tabs and Accordions plugin it says I use the free version so I miss some options.
How can this be and how can I get this right?
Thanks!
Peter van Westen's Avatar Peter van Westen ADMIN
Did you install the Pro version after entering the Download Key?
Please post a rating at the Joomla! Extensions Directory
Ton van der Helm's Avatar Ton van der Helm
Hello Peter,

I just did an update and now everything is fine, thanks!
You can only post on the extension support forum if you have an active subscription and you log in

Buy a Pro subscription