How do I disable hovering effect on feature icons?

Hello @beachsand14

This is how those icons are animated.

.feature-item:hover .icon-background-default {
	color: #333333;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

Of course, don’t forget to do your customization in a child theme or by using a custom css plugin or the new Additional CSS section in the customizer since WP 4.7

SYA ??
LebCit

Cheers @lebcit. I use Simple Custom CSS plugin. The new WP update CSS boxes are too small IMO

I had a problem turning off all properties. What am I doing wrong?

.feature-item:hover .icon-background-default {
color: #333333;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}

Cheers
Brody James

• This reply was modified 8 years, 3 months ago by beachsand14.

I figured it out.

Deleting color fixes it

Cheers
BJ