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
*How to export template
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.
Comments
0 comments
Article is closed for comments.