- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
JS Animated. How to create/replace background image for the body of the site
February 1, 2016
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 siteLocate the element to which you would like to assign the background image or replace it with another image.
Inspect the element with Developers tool of your choice:
Upload the image you wish to have as a background to your server and copy its direct URL.
Add the background-image declaration to the required element as follows:
background-image: url("your_image_url_here");
and copy the rule we created:
Add the rule to the bottom of your css file and reload the page to check how it looks:
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