Search
Other Tabs & Accordions questions
Forum

dont find the css that works

Serge Billon's Avatar Serge Billon
hello,
on this page
Confidential information:
(hidden)

I have overrided css by the template way.
h3[data-rlta-element]::after {
    content: "+";
    float: left;
    margin-right: 20px;
    font-weight: bold;
}

[aria-expanded="true"] h3[data-rlta-element]::after {
    content:"-";
    
}
[data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]
{
    color:#95c120;
    background-color: #78260e !important;
  
}

[data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=closed]
{
    color:#78260e;
    background-color: #95c120 !important;
    font-weight: bolder !important;
    

}
 

but I have a strange effect : background color are not immediately changed
Is there a way to change that ?
Peter van Westen's Avatar Peter van Westen ADMIN
The tabs have 4 states: opening, open, closing, closed.
You are only adding styles for 2 of the 4 states.
What you can do is remove the [data-rlta-state=open] from the declaration:
...
[data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]
{
    color:#95c120;
    background-color: #78260e !important;
  
}
...
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