logo
  • Contact Us |
  • Login
  • Login
  • RVsitebuilder
  • RVskin
  • RVssl
  • Support
  • Partner
    • RVsitebuilder NOC Partner
    • RVskin NOC Partner
    • SSL Reseller Program
  • Products
    • cPanel
    • CloudLinux
    • Softaculous
    • RVskin
    • RVsitebuilder
    • RVssl
    • Virtualizor
  • Installation
  • Why Us?
order
  • Support
  • Submit Ticket
  • Verify License
Knowledge Base RVsitebuilder 5, 6 > Version 5 Creating Website

Set background color/image for Body(content) area

by RV Support
2025-11-18 09:17:55

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:


Remove tag "bgcolor="#E8D9D9"
And remain as following:

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.

Remove Login Block in your website Previous Set Website to display on MobileNext

Articals in this section

  • RVSitebuilder 5.4 Release Notes
    Updated on 2025-11-18 08:05:28
  • Add Custom Font
    Updated on 2025-11-25 08:05:39
  • Add Google Maps with Widget feature in RVsitebuilder
    Updated on 2025-11-25 08:05:15
  • Add your image(s) for website banner
    Updated on 2025-11-25 08:05:15
  • Change Page Layout in WYSIWYG Editor
    Updated on 2025-11-18 09:17:55
  • Copy and Paste Content/Code from the external source
    Updated on 2025-11-25 08:05:15
  • Create a website with multi-language
    Updated on 2025-11-25 08:05:15
  • Setup Contact Form Sender for Online Form, Contact Us in website
    Updated on 2025-11-18 08:05:27
  • Set Website to display on Mobile
    Updated on 2025-11-25 08:05:15
  • Set background color/image for Body(content) area
    Updated on 2025-11-18 09:17:55
Privacy Policy   |   Terms of Service   |   Business SLA

rvsitebuilder

facebook twitter linkedin googleplus

COMPANY

Support
Contact
Login
Register
Why Us

SSL CERTIFICATES

Symantec
Thawte
Geotrust
RapidSSL

PRODUCTS

cPanel
CloudLinux
Virtualizor
Softaculous

LINKS

RVssl
RVskin
RVsitebuilder
Blog
RVskin Reseller
RVsitebuilder Reseller

Follow us

© 2020 - 2025 Netway Communication Co.,Ltd. All Rights Reserved.

Contact Us

  • Your address
  • admin@admin.com
RVsitebuilder | RVskin | RVssl | Support | Partner
2025 Company Inc. All rights reserved.   Powered by RVsitebuilder
  • RVsitebuilder
  • RVskin
  • RVssl
  • Support
  • Partner
    • RVsitebuilder NOC Partner
    • RVskin NOC Partner
    • SSL Reseller Program