Switching colors on ‘Info Box’

Hello,
Could you explain how to change the text and icon colors using mouseover on an Info Box?
I can’t find anywhere to place an icon and text of different colors. ;((
https://woodmart.xtemos.com/woodmart_element/info-boxes-with-hover/
Thx
Best regards

Hello,

Edit the information box widget and in the style tab, choose “background on hover” style and set the hover background.
https://postimg.cc/cvNxfNFx

You can use the theme template library and import this template and use it on your site:https://postimg.cc/ppkv5n5B
https://xtemos.com/docs-topic/templates-library/

Best Regards

Thanks!

I understand !

The trick is to select ‘background on hover’ and ‘gradient’.

But if I want a purple icon and purple text (not white) on the ‘background on hover’ ?

Thanks for your help.
Best regards

Hello,

There is no direct option in this widget to change the hover text/icon color.

However, you can change the text color by using this custom CSS, like this:

.box-style-bg-hover:hover .info-box-title,
.box-style-bg-hover:hover .info-box-inner {
    color: #8000ff !important; /* your preferred color */
}

Best Regards

Thank you Aizaz
Best regards

Hello,

You are Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.
If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.

Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts