Icon Grid rollover colour change (from accent)

[anton123]

Hi there, I use the icon grid with a photo background and want to keep the rollover colour as white. I’ve tried below css with no luck.

.spb_icon_box_grid[data-colour=”light”] .spb_icon_box, a:hover, a:focus {
color: #ffffff!important;
}

.spb_icon_box_grid .box-link, a:hover a:focus {
color: #ffffff !important;
}

Please advise how to achieve this

Thanks

[Kyle – SUPPORT]

Hi

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

[anton123]

Thanks Kyle, you rock!

[Kyle – SUPPORT]

No problem

– Kyle