Notifications

Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpDiscuz community!

Merry Christmas and Happy Holidays! 🎄

[Solved] color of icons on hover

How-to and Troubleshooting

Last Post by Asti 3 years ago

4 Posts

2 Users

0 Reactions

1,109 Views

RSS

Posts: 3

dragonicecreamganymede28879

Topic starter

Apr 07, 2023 12:35 pm

(@dragonicecreamganymede28879)

Active Member

Joined: 3 years ago

How do I change the color of the icons on hover?

3 Replies

Posts: 8203

Asti

Support

Apr 07, 2023 1:09 pm

(@asti)

Illustrious Member

Joined: 8 years ago

Hi,

The CSS code is provided below:

.ql-snow.ql-toolbar button:hover {
    color:  #9f1414 !important;
}
#wpdcom .ql-toolbar button:hover .ql-stroke{
    color: #9f1414 !important;
    stroke: #9f1414 !important;

}
#wpdcom .ql-toolbar button:hover .ql-fill:hover, #wpdcom .ql-toolbar button:hover .ql-fill {
    color: #9f1414  !important;
    fill: #9f1414  !important;
}

Please note: we don't provide CSS codes for style customization.

Just find the classes by pressing F12 on the browser and opening Chrome or Firefox Console, it'll help you easily write CSS rules you need to customize.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 3

dragonicecreamganymede28879

Topic starter

Apr 07, 2023 4:45 pm

(@dragonicecreamganymede28879)

Active Member

Joined: 3 years ago

Actually I had been trying for an hour how to change the color with Chrome's inspect.

I know you don't normally do this, but I couldn't make the change before. If that's not what I'm looking for, I'll come back to the forum.

1 Reply