{"id":80472,"date":"2017-05-18T04:26:07","date_gmt":"2017-05-18T08:26:07","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=80472"},"modified":"2017-06-16T07:43:38","modified_gmt":"2017-06-16T11:43:38","slug":"multipurpose-website-templates-change-parallax-background-image","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/multipurpose-website-templates-change-parallax-background-image.html","title":{"rendered":"Multipurpose Website Templates. How to change parallax background image"},"content":{"rendered":"<p>Hello, today we are going to learn how to change Parallax background image in <a href=\"https:\/\/www.templatemonster.com\/website-templates.php\" target=\"_blank\">Multipurpose website templates<\/a>.<\/p>\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/Rad_EzCEA2A\"><\/iframe>\r\n<\/div>\r\n<ol>\r\n<li><p>First, navigate to your HTML page via FTP or cPanel and open it for editing.<\/p><\/li>\r\n\t<li><p>Locate the needed section using keywords. Once you have that, look for parallax code, it should look like the following:<\/p>\r\n<pre  class=\"brush:html\">&lt;section class=\"context-dark\"&gt;\r\n&lt;!-- RD Parallax--&gt;\r\n&lt;div class=\"rd-parallax\" data-on=\"false\" data-md-on=\"true\"&gt;\r\n&lt;div class=\"rd-parallax-layer\" data-speed=\"0.35\" data-type=\"media\" data-url=\"images\/backgrounds\/newimage.jpg\"&gt;&lt;\/div&gt;\r\n&lt;div class=\"rd-parallax-layer\" data-speed=\"0\" data-type=\"html\"&gt;\r\n...\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;\/section&gt;\r\n\r\n<\/pre>\r\n\r\n<p>Here <strong>data-url<\/strong> shows you an image path, you can change it if needed, or just upload a new image to the specified folder.<\/p>\r\n<\/li>\r\n\t<li><p>After the image is uploaded, navigate back to HTML page and replace the current image name with your new one.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose-Website-Templates.-How-to-change-parallax-background-image.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose-Website-Templates.-How-to-change-parallax-background-image.png\" alt=\"\" width=\"1290\" height=\"505\" class=\"alignnone size-full wp-image-80473\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose-Website-Templates.-How-to-change-parallax-background-image.png 1290w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose-Website-Templates.-How-to-change-parallax-background-image-150x59.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose-Website-Templates.-How-to-change-parallax-background-image-300x117.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose-Website-Templates.-How-to-change-parallax-background-image-768x301.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose-Website-Templates.-How-to-change-parallax-background-image-1024x401.png 1024w\" sizes=\"(max-width: 1290px) 100vw, 1290px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Now you can clear the browser cache and check your page.<\/p><\/li>\r\n\t<\/ol>\r\n<p>This is the end of the tutorial.Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=Rad_EzCEA2A?width=1280&amp;height=720\" rel=\"prettyPhoto\">Multipurpose Website Templates. How to change parallax background image<\/a>","protected":false},"excerpt":{"rendered":"<p>Hello, today we are going to learn how to change Parallax background image in Multipurpose website templates.<\/p>\n","protected":false},"author":108,"featured_media":80474,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[537,2568,1773],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80472"}],"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\/108"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=80472"}],"version-history":[{"count":10,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80472\/revisions"}],"predecessor-version":[{"id":81607,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80472\/revisions\/81607"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/80474"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=80472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=80472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=80472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}