Highlight Icon (or Icon Group) with Text when "hovered" over

BB Theme
8

Hey John,

Can you try this instead? You’ll need to add the class hovered-set to each column. Add the code below to the JS Code section in the customizer.

(function ($) {
  $(function() {
    $( '.hovered-set' ).each(function() {	
      $(this).find('i,h6').hover(function() {
        $(this).parents('.hovered-set').addClass('hovered');
      }, function() {
        $(this).parents('.hovered-set').removeClass('hovered');
      })
    })
  })
})(jQuery)

You’ll need to add this code to the CSS Code section as well.

.hovered-set.hovered i:before,
.hovered-set.hovered h6 {
  color: blue;
}

Let us know how it goes! :slight_smile:

Ben