If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

Featured templates

Multipurpose Website Templates. How to change parallax background image

Hello, today we are going to learn how to change Parallax background image in Multipurpose website templates.

  1. First, navigate to your HTML page via FTP or cPanel and open it for editing.

  2. Locate the needed section using keywords. Once you have that, look for parallax code, it should look like the following:

    <section class="context-dark">
    <!-- RD Parallax-->
    <div class="rd-parallax" data-on="false" data-md-on="true">
    <div class="rd-parallax-layer" data-speed="0.35" data-type="media" data-url="images/backgrounds/newimage.jpg"></div>
    <div class="rd-parallax-layer" data-speed="0" data-type="html">
    ...
    </div>
    </div>
    </section>
    
    

    Here data-url shows you an image path, you can change it if needed, or just upload a new image to the specified folder.

  3. After the image is uploaded, navigate back to HTML page and replace the current image name with your new one.

  4. Now you can clear the browser cache and check your page.

This is the end of the tutorial.Feel free to check the detailed video tutorial below:

Multipurpose Website Templates. How to change parallax background image
 
Live Chat
We help you to choose the right product.
Start chat