{"id":13283,"date":"2021-09-05T23:10:30","date_gmt":"2021-09-05T18:10:30","guid":{"rendered":"https:\/\/iadnanahmed.com\/?p=13283"},"modified":"2021-09-05T23:20:39","modified_gmt":"2021-09-05T18:20:39","slug":"how-to-add-parallax-scrolling-effect-in-wordpress-using-elementor","status":"publish","type":"post","link":"https:\/\/iadnanahmed.com\/how-to-add-parallax-scrolling-effect-in-wordpress-using-elementor\/","title":{"rendered":"How to add Parallax Scrolling Effect in WordPress using Elementor"},"content":{"rendered":"<p><iframe title=\"How to add Parallax Scrolling Effect in WordPress using Elementor\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/wWDbwF71akU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<div class=\"gsubBtn\">\t<div class=\"g-ytsubscribe\" data-channelid=\"UCYiWKFupNc_XWimWE8r8kBw\" data-layout=\"full\" data-theme=\"dark\" data-count=\"default\"><\/div>\n<\/div>\n<div><\/div>\n<div>\n<p class=\"p1\"><span class=\"s1\">In this video, we are going to see &#8220;How to add Parallax Scrolling Effect in WordPress&#8221;.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">To add a parallax scrolling effect, I am using Elementor Pro as this is not available in the free version of Elementor. To download Elementor Pro, click on this link: <a href=\"https:\/\/iadnanahmed.com\/recommends\/elementor-pro-theme-builder\/\" data-lasso-id=\"1334\">https:\/\/iadnanahmed.com\/recommends\/elementor-pro-theme-builder\/<\/a><\/span><\/p>\n<p class=\"p1\"><span class=\"s1\"><span class=\"Apple-converted-space\">\u00a0<\/span>==================<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">Table of Content:<\/span><\/p>\n<p class=\"p1\"><span class=\"s2\"><a href=\"https:\/\/www.youtube.com\/watch?v=wWDbwF71akU&amp;t=0s\" data-lasso-id=\"1387\" target=\"_blank\" rel=\"noopener\">00:00<\/a><\/span><span class=\"s1\"> Intro &#8211; How to add Parallax Scrolling Effect in WordPress using Elementor<\/span><\/p>\n<p class=\"p1\"><span class=\"s2\"><a href=\"https:\/\/www.youtube.com\/watch?v=wWDbwF71akU&amp;t=88s\" data-lasso-id=\"1388\" target=\"_blank\" rel=\"noopener\">01:28<\/a><\/span><span class=\"s1\"> Add Motion effect to Image<\/span><\/p>\n<p class=\"p1\"><span class=\"s2\"><a href=\"https:\/\/www.youtube.com\/watch?v=wWDbwF71akU&amp;t=337s\" data-lasso-id=\"1389\" target=\"_blank\" rel=\"noopener\">05:37<\/a><\/span><span class=\"s1\"> Add Motion effect to Text<\/span><\/p>\n<p class=\"p1\"><span class=\"s2\"><a href=\"https:\/\/www.youtube.com\/watch?v=wWDbwF71akU&amp;t=432s\" data-lasso-id=\"1390\" target=\"_blank\" rel=\"noopener\">07:12<\/a><\/span><span class=\"s1\"> Add Motion effect to Sections<\/span><\/p>\n<p class=\"p1\"><span class=\"s2\"><a href=\"https:\/\/www.youtube.com\/watch?v=wWDbwF71akU&amp;t=588s\" data-lasso-id=\"1391\" target=\"_blank\" rel=\"noopener\">09:48<\/a><\/span><span class=\"s1\"> Add Parallax Scrolling to Background Image<\/span><\/p>\n<p class=\"p1\"><span class=\"s2\"><a href=\"https:\/\/www.youtube.com\/watch?v=wWDbwF71akU&amp;t=697s\" data-lasso-id=\"1392\" target=\"_blank\" rel=\"noopener\">11:37<\/a><\/span><span class=\"s1\"> Adding Motion effects on Tablet and Mobile Devices<\/span><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<div>\n<p class=\"p1\"><span class=\"s1\">&#x2705;<\/span>WordPress Themes &amp; Plugins.<\/p>\n<p class=\"p1\"><span class=\"s2\">\u25ba<\/span> Astra WordPress Theme (20% OFF <span class=\"s1\">&#x1f525;<\/span>): <a href=\"https:\/\/iadnanahmed.com\/recommends\/kadence-theme\/\" data-lasso-id=\"1332\">https:\/\/iadnanahmed.com\/recommends\/kadence-theme\/<\/a><\/p>\n<p class=\"p1\"><span class=\"s2\">\u25ba<\/span> Astra WordPress Theme: <a href=\"https:\/\/iadnanahmed.com\/recommends\/astra-wordpress-theme\/\" data-lasso-id=\"1333\">https:\/\/iadnanahmed.com\/recommends\/astra-wordpress-theme\/<\/a><\/p>\n<p class=\"p1\"><span class=\"s2\">\u25ba<\/span> Elementor Pro Theme Builder: <a href=\"https:\/\/iadnanahmed.com\/recommends\/elementor-pro-theme-builder\/\" data-lasso-id=\"1393\">https:\/\/iadnanahmed.com\/recommends\/elementor-pro-theme-builder\/<\/a><\/p>\n<p class=\"p1\"><span class=\"s1\">&#x2705;<\/span>Equipment used to record my videos.<\/p>\n<p class=\"p1\"><span class=\"s2\">\u25ba<\/span> Canon EOS 700D + EF-S 18-55mm 3.5-5.6 is STM &#8211; International Version &#8211; <a href=\"https:\/\/amzn.to\/38kgCxb\" data-lasso-id=\"1335\" target=\"_blank\" rel=\"noopener\">https:\/\/amzn.to\/38kgCxb<\/a><\/p>\n<p class=\"p1\"><span class=\"s2\">\u25ba<\/span> BOYA BY-M1 3.5mm Electret Condenser Microphone with 1\/4&#8243; adapter for Smartphones iPhone DSLR Cameras PC &#8211; <a href=\"https:\/\/amzn.to\/2U1QHSu\" data-lasso-id=\"1336\" target=\"_blank\" rel=\"noopener\">https:\/\/amzn.to\/2U1QHSu<\/a><\/p>\n<p class=\"p1\"><span class=\"s2\">\u25ba<\/span> SOMITA St-3520 Lightweight 56&#8243; Tripod &#8211; <a href=\"https:\/\/amzn.to\/3l3Fflk\" data-lasso-id=\"1337\" target=\"_blank\" rel=\"noopener\">https:\/\/amzn.to\/3l3Fflk<\/a><\/p>\n<p class=\"p1\"><span class=\"s2\">\u25ba<\/span> Selfie Ring Light with Tripod Stand and Phone Holder &#8211; <a href=\"https:\/\/amzn.to\/3ruEHZJ\" data-lasso-id=\"1338\" target=\"_blank\" rel=\"noopener\">https:\/\/amzn.to\/3ruEHZJ<\/a><\/p>\n<p class=\"p1\">Disclaimer: This video and description contain affiliate links, which means that if you click on one of the product links, I&#8217;ll receive a small commission. It helps support the channel and allows me to continue to make videos like this. Thank you for your support!<\/p>\n<p class=\"p1\">=============<\/p>\n<p class=\"p1\">#adnanahmed, #webdeveloper, #webdevelopmenttutorials, #wordpresstutorials, #wordpress, #webdevelopment<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this video, we are going to see &#8220;How to add Parallax Scrolling Effect in WordPress&#8221;. To add a parallax scrolling effect, I am using Elementor Pro as this is not available in the free version of Elementor. To download Elementor Pro, click on this link: https:\/\/iadnanahmed.com\/recommends\/elementor-pro-theme-builder\/ \u00a0================== Table of Content: 00:00 Intro &#8211; How [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":13285,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[120,107],"tags":[151,264,121,263,266,269,265,268,267],"acf":[],"_links":{"self":[{"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/posts\/13283"}],"collection":[{"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/comments?post=13283"}],"version-history":[{"count":3,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/posts\/13283\/revisions"}],"predecessor-version":[{"id":13287,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/posts\/13283\/revisions\/13287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/media\/13285"}],"wp:attachment":[{"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/media?parent=13283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/categories?post=13283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/tags?post=13283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}