Search
Other Tabs & Accordions questions
Forum

CSS to target accordion header once closed, while hovering another tab

Jesse Willliams's Avatar Jesse Willliams
Having recently ported my site to Joomla 4, I'm trying to get my old sliders to work as the new accordions. I've pretty much got it done save for one small detail, the colour of the accordion text header after mousing away.

Here's the steps to reproduce the problem

1. open a page with the accordions www.legalinfo.org/i-have-a-legal-questio...ormation-debt-issues
2. open an accordion
3. close the accordion
4. move your mouse elsewhere

The text in the closed accordion reverts to the original colour, and cannot be seen. It should remain white. I cannot figure the css to target this.

vimeo.com/812837936 is a video showing the issue.

Any pointer on what CSS selector this would be would be greatly appreciated.
Peter van Westen's Avatar Peter van Westen ADMIN
That would be the :focus state:
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:focus { ... }

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
You can only post on the extension support forum if you have an active subscription and you log in

Buy a Pro subscription