Normally, RVsitebuilder doesn't provide feature to set body(content) background color/image. But we have the manual way to do so.
1. In case, if your website is using Mobile Responsive Template
*Difference between responsive and normal template
A. To change body(content) background color for every page in the same color.
Go to Step 2 -> Site properties -> Edit CSS, and insert the following script.
Color:
body , .rs_body_bgcolor , .rs_footer_bgcolor{
background-color:yellow;
}
Image:
body , .rs_body_bgcolor , .rs_footer_bgcolor {
background-image: url({IMAGE_URL});
}
*Everything you did in Step 2 , please don't forget to save by "Update Template" button at the top of step2.
B. To change body(content) background color by different color each page.
Go to Step 3 -> “Page Editor” -> “Widget” (the latest tool on toolbar) -> “Site Properties” -> “Edit CSS” , and insert:
Color:
.rs_body_bgcolor {
background-color: #fd3232;
}
Image:
.rs_body_bgcolor {
background-image: url({IMAGE_URL});
}
Save.
2. In case, if your website is using Normal Template
*Difference between responsive and normal template
2.1 Export template and download to your computer
2.2 Extract the template file.
2.3 Find index.html file, and open it.
2.4 Find following bgcolor code:
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#E8D9D9">
Remove tag "bgcolor="#E8D9D9"
And remain as following:
<table cellpadding="0" cellspacing="0" width="100%">
2.5 Save template file as original, and import back to RVsitebuilder at step 1.
2.6
2.6.1 To change body(content) background color for every page in the same color
Go to Step 2 -> Site properties -> Edit CSS, and insert the following script.
Color:
body , .rs_body_bgcolor , .rs_footer_bgcolor{
background-color:yellow;
}
Image:
body , .rs_body_bgcolor , .rs_footer_bgcolor {
background-image: url({IMAGE_URL});
}
*Everything you did in Step 2 , please don't forget to save by "Update Template" button at the top of step2.
2.6.2 To change body(content) background color by different color each page.
Go to Step 3 -> “Page Editor” -> “Widget” (the latest tool on toolbar) -> “Site Properties” -> “Edit CSS” , and insert:
Color:
.rs_body_bgcolor {
background-color: #fd3232;
}
Image:
.rs_body_bgcolor {
background-image: url({IMAGE_URL});
}
Save.