Notifications

Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

[Solved] color of icons on hover

How-to and Troubleshooting

Last Post by Asti 2 years ago

4 Posts

2 Users

0 Reactions

884 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: 8075

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