Our site is divided into 3 areas: Top, Middle and Bottom.
We can use an image as the background of those areas by following these steps:
1. Log-in to your site. YOURWEBSITE.com/login
If you don’t have the access on your site, Kindly ask for the access.
2. After you logged-in, you will see your site dashboard.
3. Look for the Website Options tab at the upper left side of your dashboard and click it.
4. You will see tabs like Basic, Design, Social Media, Misc, SEO and Developer.
5. Click the Developer tab.
6. As you can see, there’s a Custom CSS title and a box below. To expand the box, Simply drag the bottom right edge of the box.
7. You will see that there’s some codes(Custom CSS) inside the box.
- If you want to put the whole image as the background of your site, the top, middle and bottom area should have a transparent background color so the image will appear as the background of your site. To make the top, middle and bottom background transparent, Go to Website Options. Look for the Design tab. Now, you can see the base color scheme and other colors regarding to your site. Look for the background colors. Just delete the hex color code inside the text box of background colors and it will remove the colors of it and make it transparent.
- Now, put these codes in the Custom CSS (Developer Tab)body{
background: url(“the url of the image you want for your site. You can get it in the Media Library”);
background-attachment: fixed;
background-position: center;
background-size:cover;
}
You can explore and play the colors that you want. You can combine background image and background colors at the same time.