Our Support team is ready to present you a new tutorial that shows how to change parallax background images.
Parallax background images are used to create flexible multilayer parallax effect.
In order to replace the image, open the .html file of the page with your parallax background image.
Locate the code for section with parallax background, it should look like the following :
<section class="parallax well" data-url="images/parallax2.jpg" data-mobile="true" data-speed="1"> <div class="container"> <em class="wow fadeInUp" data-wow-delay="0.2s">Children's<br><strong>art center</strong></em> <a class="btn btn-skin-4 wow fadeInUp" data-wow-delay="0.4s" href="#">Register your child</a> </div> </section>
data-url=”images/parallax2.jpg” – defines the background image path.
Section content is added between <div class=”container”> and </div>
Upload the new image to the images folder.
Edit the code, replace the image title.
Save changes to .html file when you are done.
Check the result on your website.
Feel free to check the detailed video tutorial below:
Also, don’t forget to review our brand new JS Animated website templates.