How do I disable hovering effect on feature icons?

  • Resolved beachsand14

    (@beachsand14)


    7 years, 4 months ago

    Hi guys,

    When you hover your mouse over the feature font-awesome icons in the main page, a special effect appears. How do I disable this permanently>

    This is what I have tried so far:

    .feature-item .feature-icon {
    transition: none;
    }

    Cheers
    Brody james

    • This topic was modified 7 years, 4 months ago by beachsand14. Reason: Add more info
    • This topic was modified 7 years, 4 months ago by Jan Dembowski.
Viewing 3 replies - 1 through 3 (of 3 total)
  • LebCit

    (@lebcit)

    7 years, 4 months ago

    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

    Thread Starter beachsand14

    (@beachsand14)

    7 years, 4 months ago

    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 7 years, 4 months ago by beachsand14.
    Thread Starter beachsand14

    (@beachsand14)

    7 years, 4 months ago

    I figured it out.

    Deleting color fixes it

    Cheers
    BJ

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I disable hovering effect on feature icons?’ is closed to new replies.