Theme Support Forum

Support Forum for Free and Premium Themes. Premium Theme Forums are Private! Please log in first to see the Premium forums

Forum Replies Created

Viewing 1 post (of 1 total)

Asteria Lite: Free WordPress Theme

Home Forums Asteria Lite: Free WordPress Theme

  • #439950

    beth olson

    subscriber

    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.

Viewing 1 post (of 1 total)