On January 14, 2015 at 10:35 pm
Just wanted to add real quick that if you want to keep the color rollover effect but remove just the jump/bounce effect of the front page midrow block rollovers I did this by going to wp-content>themes>Asteria>Asteria.js
Find this bit of code:
//Block Animation
if (jQuery(window).width() > 480) {
jQuery('.midrow_block').hover(function(){
jQuery(this).stop().animate({ "color":sechovertext, "backgroundColor":sechover, "paddingTop":"0px" }, 200);
jQuery(this).find('.icon_wrap i').animate({ "color":sechovertext }, 200);
jQuery(this).find('.midrow_block:hover .block_img').animate({ "borderColor":sechovertext }, 200);
}, function(){
jQuery(this).stop().animate({ "color":primarytext, "backgroundColor":"transparent", "paddingTop":"2%" }, 200);
jQuery(this).find('.icon_wrap i').animate({ "color":"rgba(0, 0, 0, 0.15)" }, 200);
jQuery(this).find('.midrow_block:hover .block_img').animate({ "borderColor":"rgba(0, 0, 0, 0.15)" }, 200);
});
}
Remove the “paddingTop”:”0px”
this will keep the color roll over but remove how it jumps on rollover.