You should make the icons in the ThemeHorse:Services widget links. People often expect to be able to click on the icon; especially on a mobile device.
I was able to get this accomplished without editing the theme. I had to put the following in the theme options “custom CSS” section. And YES… I did escape the style sheet, insert javascript and then re-enable the the style sheet!
Oh… and I guess that is another suggestion… please add a “custom Javascript” section in addition to the “Custom CSS” section in the theme options!
</style>
<script>
link = [];
jQuery(document).ready(function() {
jQuery(“#interface_service_widget-2 .column .one-fourth”).each(function( index) {
link[index] = jQuery(this).find(‘a’).first().attr(‘href’) ;
jQuery(this).find(‘.service-item’).click(function(event) {
event.preventDefault();
window.location = link[index];
});
});
});
</script>
<style>
#interface_service_widget-2 .column .one-fourth .service-item {cursor: pointer; cursor: hand;}
.
.