WordPress.org

Ready to get started?Download WordPress

Forums

Mantra
Animation on columns - presentation page (3 posts)

  1. familysp
    Member
    Posted 1 year ago #

    I'm completely new to wordpress and Mantra. Could anyone tell me how to remove the roll over animation from pictures in the columns on the presentation page; thanks!

  2. VictoriaPL
    Member
    Posted 1 year ago #

    Hello I would like if you resolve this because I have this issue with the mantra theme

  3. Alpie78
    Member
    Posted 1 year ago #

    Hi,

    Its pretty exiting since this is my first attempt to help as a new bee :)

    Go to theme-frontpage.php and edit this section;

    jQuery('#front-columns > div img').hover( function() {
    	      jQuery(this)
    			 .stop()
                 .animate({opacity: 0.5}, 100)
                 .fadeOut(100)
    	     .fadeIn(100)
                 .animate({opacity: 1}, 100) ;
    	}, function() {jQuery(this).stop();} )
    
    		});
    	</script>

    If you delete these 2 lines It stops the animation.

    .fadeOut(100)
    .fadeIn(100)

    But if anyone can help further to fiddle with the animation I appreciate a lot. I want to make it smoother and dunno how.

    Thank you !
    You are welcome :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic