Template Installation Guide #4 - Uploading Custom Dual Background Image

Picture
Guide to Changing the background image to your custom background for Studio Theme
After uploading the DivTag template into your Weebly Editor,  you can now upload your own custom background and content background.

Main Background Image

1) Edit Your Main background Image File (bodybg.jpg)
Here we will edit your custom background image to ensure that it fits into the DivTag template.  We will first re-size it to the right size, and save it in the correct image format and name.

Background Image Size
This template supports any size image background. The background image is set to multiply
itself to cover the entire webpage.

Background Image Format
Your background must be in the JPEG image format.  You can tell which format your image file is in by looking at your image files file extension (for example, .png or .jpg). If your image file is not in the JPEG format (.jpg), you can simply re-save the file as a JPEG format by using image editors such as Photoshop or even Microsoft Paint.

Background Name
Rename your background image file so it is exactly bodybg. This is important to have your background image file named this way otherwise it will not show up in the template.  When you are in your image editor (such as Microsoft Paint), type in "bodybg" in the File Name box, and select "JPEG" in the "save as type" box.


2) Upload Your Main background Image File (bodybg.jpg)
In the Files section of Weebly Editor (see Footnote 1 below), upload your background image file created in Step 1 above by clicking on "Add new file(s)".  Since you have renamed it to exactly "bodybg", your background file will replace the default template background file.  Remember, you must name your background image file to exactly "bodybg.jpg" for this to work correctly.

If you have upload the background file and it does not appear on your website, check if thesize, format and name of the background image file is correct.
Picture
Click on image to enlarge

Content Background Image

1) Edit Your Content background Image File (bg.jpg)
Here we will edit your custom background image to ensure that it fits into the DivTag template.  We will first re-size it to the right size, and save it in the correct image format and name.

Background Image Size 
This template supports any size image background. The background image is set to multiply itself to cover the entire webpage.

Background Image Format
Your background must be in the JPEG image format.  You can tell which format your image file is in by looking at your image files file extension (for example, .png or .jpg).  If your image file is not in the JPEG format (.jpg), you can simply re-save the file as a JPEG format by using image editors such as Photoshop or even Microsoft Paint.

Background Name
Rename your background image file so it is exactly bg. This is important to have your background image file named this way otherwise it will not show up in the template.


2) Upload Your Content background Image File (bg.jpg)
In the Files section of Weebly Editor (see Footnote 1 below), upload your background image file created in Step 1 above by clicking on "Add new file(s)".  Since you have renamed it to exactly "bg", your background file will replace the default template background file. Remember, you must name your background image file to exactly "bg.png" for this to work correctly.

If you have upload the background file and it does not appear on your website, check if thesize, format and name of the background image file is correct.
Picture
Click to Enlarge
Here are some background inspirations!
Images from Bigstock & ShutterStock
  1. Click on the images to see image numbers
  2. Search images in Bigstock or Shutterstock using the image numbers
Footnote 1: Within Weebly Editor mode, click on the "Design" on the top of the screen, then click on "Edit HTML / CSS" tab towards to top right corner of your screen.  The Files section is on the side bar on the left hand side
Premium Weebly Templates & Weebly Themes, Template Plugins, Splash Page and Weebly Tutorials