Clickable icons in Services

Hello!

I have attached links to my icons in the Services widget and the functionality works. But I’d like to know how to make it apparent to the viewer that these icons are clickable. For instance, when the mouse hovers over the icon, I would like the icon to change color so the viewers knows that this is a clickable field.

Screengrab below shows the green icons.
Thank you!
Cailley
http://henry.joshschuyler.com/

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .widget_sydney_services_type_a .roll-icon-box .icon a {
      display: inline-block;
      width: 70px;
      height: 70px;
    }

    .widget_sydney_services_type_a .roll-icon-box .icon:hover {
      border-color: #ff0000;
    }

    .widget_sydney_services_type_a .roll-icon-box .icon:hover i {
      color: #ff0000;
    }

    .widget_sydney_services_type_a .roll-icon-box .icon,
    .widget_sydney_services_type_a .roll-icon-box .icon i {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;  
    }

Adjust the hex color code to meet your need.

Regards,
Kharis