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

JS Animated. How to create/replace background image for the body of the site

Hi! In this tutorial we’ll show you how to create/replace background image for the body of the site in JS Animated templates.

JS Animated. How to create/replace background image for the body of the site

  1. Locate the element to which you would like to assign the background image or replace it with another image.

  2. Inspect the element with Developers tool of your choice:

    JS Animated. How to createreplace background image for the body of the site1

  3. Upload the image you wish to have as a background to your server and copy its direct URL.

  4. Add the background-image declaration to the required element as follows:

    background-image: url("your_image_url_here");

    and copy the rule we created:

    JS Animated. How to createreplace background image for the body of the site2

  5. Add the rule to the bottom of your css file and reload the page to check how it looks:

    JS Animated. How to createreplace background image for the body of the site3

Now you know how to create/replace background image for the body of the site. Feel free to check the detailed video tutorial below:

JS Animated. How to create/replace background image for the body of the site