Icon Box hover issue text and icon

How To
1

In the icon Box I added a hover effect which background color changes, text and icon color changes.
When I hover over the icon box, the Heading and Body text shows the effect, but the icon is not showing the effect. I need to hover over the icon then it shows the effect.
How to fix this issue?
icon hover

2

What version and any url?

3

Bricks Version: 1.5.2
url : Sample Page – Try Bricks – tef2e305

4

@timmse Please enlighten us regarding this issue as well.
Thank you

5

By far the easiest solution is the following custom CSS:

root:hover * {
  color: white;
}

The problem is that the hover state is assigned to each element individually, and it is currently not yet possible to define which sectors should be addressed. However, this will be possible in the future:

Best regards,
timmse

1 Like
6

Its working now.
Thank you @timmse