hover effect icon grid with dark color style

[cathedraldesign]

this one is not really a bug, rather a suggestion.
In an icon grid, on hover, the color of the icons and the text change to the accent color.
I wish it wouldn’t do that, because in some cases (mine at least), this results in a poor contrast with the background color making the text unreadable.
The safest option would be to just keep the text and icon white.
Does that make sense?

[Kyle – SUPPORT]

Hi

Yes fair point, do you want me to provide some custom css to stop that for you?

– Kyle

[cathedraldesign]

yes, that would be great, thank you!

[Kyle – SUPPORT]

Try this:

.spb_icon_box_grid .spb_icon_box .divider-line {
  background-color: #ffffff !important;
}
.spb_icon_box_grid .spb_icon_box:hover h3, .spb_icon_box_grid .spb_icon_box:hover .grid-icon-wrap i.sf-icon {
  color: #ffffff!important;
}
.spb_icon_box_grid .spb_icon_box:hover .outline-svg svg path {
  stroke: #ffffff!important;
}

– Kyle

[cathedraldesign]

perfect, thanks a lot!

[Kyle – SUPPORT]

No problem

– Kyle