Change hover background colour on...

User 2695940 Photo


Registered User
148 posts

Hi everyone,
I've been trying to change the background hover colour of the foundation accordion but can't seem to get it right. The current colour is e5e5e5. I just wonder if anyone here has been able to change that and how they did it.

Thanks for your time.
John Ferguson
Website Design and Development
www.jf1.co
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

Do you mean what is visible before you open the panel? That whole thing is a button, so you can change it on the .btn.accordion, in the hover state.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 379556 Photo


Registered User
1,533 posts

I have done it by selecting the first text link having the class "accordion-title" and adding another class suitably named.

I then give the new class in the Hover state the background colour I want, and apply the new class to the rest of the text links.

A simple example is attached.

Frank
Attachments:
User 2695940 Photo


Registered User
148 posts

Hey thanks Inger and Frank!
Appreciate the super fast response and help.

All the best to you both.
John Ferguson
Website Design and Development
www.jf1.co

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.