How to keep icon from highlighting when rolled over?

  • On my site, in the middle of the page, there are four feature boxes (created with page builder) with icons above each one (rewards, 20% off, gift registry & mailing list). When you roll your mouse over the icon, it highlights–seeming like it’s a link to click on, but it’s not, which I think is confusing. How do I either prevent it from highlighting or link the page to the icon?

    I didn’t create this site, but I took over, so I don’t know too much about the inner-workings of it.

    Thanks!

Viewing 1 replies (of 1 total)

  • If you are comfortable adding Custom CSS, then use this code and put it in either your custom css area in your theme or at the bottom of your style.css file if using a child theme:

    .home .feature-box .feature-icon:hover {
  cursor: default;
  transition: none 0s ease 0s  !important;
}

.home .feature-box .feature-icon:hover i {
  color: #fff;
}
Viewing 1 replies (of 1 total)
  • The topic ‘How to keep icon from highlighting when rolled over?’ is closed to new replies.