{"id":55174,"date":"2015-09-30T03:02:32","date_gmt":"2015-09-30T07:02:32","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=55174"},"modified":"2015-11-16T05:47:05","modified_gmt":"2015-11-16T10:47:05","slug":"js-animated-how-to-remove-animated-load-effect-for-needed-elements","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/js-animated-how-to-remove-animated-load-effect-for-needed-elements.html","title":{"rendered":"JS Animated. How to remove animated load effect for needed elements"},"content":{"rendered":"

This tutorial is going to show you how to remove animated load effect for needed elements in Website Templates.<\/p>\r\nJS Animated. How to remove animated load effect for needed elements<\/a>\r\n\r\n

What is meant by load effect<\/strong>? While scrolling down the elements are loaded when needed. Images and texts appear using fadeInRight<\/em> effect in the template we are testing now.<\/p>\r\n

The only action you need to perform is to remove a predefined class from the element. This can be fadeInUp<\/strong>, fadeInRight<\/strong>, fadeInLeft<\/strong>, etc. Let us do it step by step:<\/p>\r\n

First, search for the element (let it be, Fire protection systems training<\/em><\/strong>) in order to find out its class by using Firebug<\/strong> tool that can be enabled with the right click on the screen and selecting Inspect Element<\/strong> from the drop down menu:<\/p>\r\n\r\n\"how<\/a>\r\n

Then log into your cPanel<\/strong>, look for File Manager<\/strong>, where the site content is stored. Open the main index.html<\/strong> file to edit and look for this particular line: <\/p>\r\n

\r\n<strong class=\"wow fadeInRight animated\">Fire protection<br>systems training<\/strong>\r\n<\/pre>\r\n\r\n\"how<\/a>\r\n
Remove the class name<\/strong> (in our case it is wow fadeInRight<\/strong>) for the title of container, that will disable animated load effect.<\/p>\r\n
Save changes and refresh your website:<\/p>\r\n\r\n\"how<\/a>\r\n\r\n
Feel free to check the detailed video tutorial below:<\/p>\r\n\r\nJS Animated. How to remove animated load effect for needed elements<\/a>","protected":false},"excerpt":{"rendered":"
This tutorial is going to show you how to remove animated load effect for needed elements in Website Templates.<\/p>\n","protected":false},"author":67,"featured_media":55179,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[1071,835,1491,642],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55174"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=55174"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55174\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/55179"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=55174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=55174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=55174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}