[Dean]

Using Interface pro and I need to change the colours in the widget Themehorse Services Widget Icons- its the rollover colour I wish to change. How do I do this please?

[Theme Horse Support Team]

Hi Dean,

Which color you want to change? The circle in the icon or read more link.

Thank you!

[Dean]

The hover circle colour. I added the following to the Custom CSS but it did not make any difference. I would also want them to click to the service page. As the hover effect makes people think that if they click the icon that they will be taken to that the service page.

.service-icon:hover {
background: #2bb2a6 none repeat scroll 0 0;
color: #fff;
}

.services-item .service-icon {
background-color: #2bb2a6;
}

[Theme Horse Support Team]

Hi Dean,

This feature is not available in our theme. It needs code customization and you need to hire a developer to fix it.
To add link in service icon go to the theme folder -> inc ->widgets -> interface_widgets.php. Can you see this code on line no 329 to 333

<?php 
 if ( has_post_thumbnail() ) {
 	echo'<div class="service-icon">'.get_the_post_thumbnail( $post->ID, 'icon' ).'</div>';						}
?>

Replace above code with this below code

<?php 
 						if ( has_post_thumbnail() ) {
 							echo'<div class="service-icon"><a href="'.get_permalink() .'">'.get_the_post_thumbnail( $post->ID, 'icon' ).'</a></div>';
 						}
 						?>

Now you can have a link in services icon. Just make a custom service widgets as i have told before in your child theme to avoid you customized code lost.

Thank you!

[Author]

Posts