Categories

Featured templates

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

Jeff Bell February 1, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

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
This entry was posted in JS Animated tutorials and tagged background, body, HTML, image, replace. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket