Follow

Set background color/image for Body(content) area

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.

 

 Cloud Hosting by BasicBrix

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk