Color of active accordion - Support | Kriesi.at

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
April 5, 2018 at 3:18 pm #937779

dalboslampen
Participant

Hi,
on this page: https://www.finansforbundet.no/tillitsvervet/geografiske-avdelinger/

and the sections using accordion: https://www.finansforbundet.no/tillitsvervet/geografiske-avdelinger/#tab-id-1

I would like to colorize the active tab and also have a hover over the next tab colorchange.

April 6, 2018 at 7:59 am #938082

Nikko
Inactive Moderator

Hey dalboslampen,

I have checked both pages, however I can’t view it since it requires password to view the page.

Best regards,
Nikko

April 6, 2018 at 8:02 am #938087

dalboslampen
Participant

;) Sorry!!

PW in private message

April 6, 2018 at 10:28 am #938161
Nikko
Inactive Moderator
Hi,

Thanks, try adding this css code in Quick CSS (located in Enfold > General Styling):
```
#top p.toggler.activeTitle {
    background-color: #124d91 !important;
}

#top p.toggler:hover {
    opacity: 0.8 !important;
}
```
Hope it helps :)

Best regards,
Nikko
April 6, 2018 at 11:17 am #938201

dalboslampen
Participant

Hi,
I do think I wrongly has called this accordion. I belive its “Tabs”

The css you provided does not affect nor accordions or tabs on this page.

This is what I would like to change:

https://snag.gy/fX9sP7.jpg

April 6, 2018 at 11:18 am #938202

dalboslampen
Participant

Hi again,
Again I mislead – so sorry!

Your code did alter the accordions. Now it´s just the Tabs left ;)

April 6, 2018 at 1:16 pm #938247
Nikko
Inactive Moderator
Hi,

No worries, you can use this css code for it:
```
#top .tab_titles .tab.active_tab {
    background-color: #124d91 !important;
    color: #fff !important;
}

#top .tab_titles .tab:hover {
    background-color: #ccc !important;
}
```
Just change the colors as you see fit :)

Best regards,
Nikko
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.