The background can enhance the personal experience of the reader and can make the website unique. The creative options are unlimited in Weebly as you can add and customize different backgrounds to your site, matching your requirements.
The background can be classified mainly in 4 ways:
Uploading the image as a background
First, select any of the pages on your website you want to add the image as a background and click on the particular section of the page. For example, I have selected the "Home" page from my website and want to modify the "Subscribe the newsletter section" of the page. Upon clicking anywhere at the top of the white part of the page, the three tabs will pop up namely Edit Background, Move and Delete. Please see the image below:
Now, upon clicking or selecting the Edit Background option, you will be guided further and another window will open having options like Image, Color, Gradient, and Video. I will select the Image option, as I am interested in adding the image as a background.
When you click on the Image option, you will see options like Add image, Scrolling Effect and Advanced. If you want to add a new image for the page background, simply click on the Add image option.
You have the choice to add your own images from your computer or there are many pre-installed high-quality images which you can add simply choosing any of them.
You can choose the already available different backgrounds like:
You should choose that background image which matches your website theme, requirements and is apt for the particular section of the page. I am choosing the creative option for designing my newsletter form.
You will see the number of pictures, select the picture matching the theme of the particular section. I have selected the image "a girl clicking with her camera". You will see the final background of the section as follows:
The color of the camera which the lady is holding is matching the font color, making it bit difficult for the visitor to read the contents.
Simply go to the Edit Background>Scrolling effect>select Reveal, the image will come forward and the position of the camera will get shifted. Similarly, you can do the same with other images of your choice.
Finally, the camera shifted down and the contents of the section are clearly visible.