How to disable “hover” on active accordion head through custom CSS

0
How to disable "hover" on active accordion head through custom CSS 1
heavylog24
Jul 19, 2018 06:45 PM 1 Answers General
Member Since Jul 2018
Subscribed Subscribe Not subscribe
Flag(0)

Hi there!

Is it possible to disable hover on active accordion head through custom CSS?

The reason I need this - the color on text title on active accordion head should not change with mouse on "hover", otherwise it disappeares on the same-color background of the active head.

I wrote something like that in custom CSS, but I'm bad at CSS so would appreciate your help. Thanks!

#accordions-997 .accordions-head {
active:hover:not([disabaled])
}

2 Subscribers
How to disable "hover" on active accordion head through custom CSS 1
How to disable "hover" on active accordion head through custom CSS 3
Submit Answer
Please login to submit answer.
1 Answers
Sort By:
Best Answer
0
How to disable "hover" on active accordion head through custom CSS 4
PickPlugins
Jul 19, 2018
Flag(0)

Welcome to our forum.

If you don't want to hove active, you can select others click event. please see the screenshot

https://imgur.com/a/ufcnGg1

You can also choose active background color for header items

https://imgur.com/a/M6pR1kd

Regards

How to disable "hover" on active accordion head through custom CSS 5
PickPlugins
- Jul 21, 2018 05:13 AM
Flag (0)
0

Glad to see the issue fixed.

How to disable "hover" on active accordion head through custom CSS 6
heavylog24
- Jul 21, 2018 03:16 AM
Flag (0)
0

Finally managed to write custom CSS. It looks like this

}
#accordions-997 .ui-accordion-header-active .accordions-head-title {
color:#ffffff;
}

#accordions-997 .ui-accordion-header-active:hover .accordions-head-title {
color:#ffffff;
}

Thank you for your help!

How to disable "hover" on active accordion head through custom CSS 6
heavylog24
- Jul 21, 2018 12:06 AM
Flag (0)
0

Here is the link:
http://negabaritoff.ru/services/sea-freight/?id=0

What I want to do is that text title on ACTIVE header should be of white color on blue background (#1f425d) with hover disabled on active header.
You can also have a look on the sidebar on the left – it is the example of how I want it to look like

2+ more comments. Sign in to Reply
Replying as Submit