Customizing the Body

Changing the background Color for the body-Site Wide

In order for this to work you need to have Advanced Design features activated.  In site designer click Style Sheet, make sure apply custom css box is check and paste the following CSS code, changing the HEX color code to the color you desire, a list of colors can be found at http://solutionsforofficelive.com/htmlcolorcodes.aspx.

Background Editor Color:

.MS_MasterBody
{
background-color: #46668D;
}
.MSC_Body
{
background-color: #46668D;
}

Changing Background-Single Page

To the change the background on a single page use the code below, paste it into the custom footer module then paste css code from above between the <style> tags:

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" omit-xml-declaration="yes"/>
<xsl:template match="/">
<style>

</style>
</xsl:template>
</xsl:stylesheet>

Example for adding an image to the page editor background:

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" omit-xml-declaration="yes"/>
<xsl:template match="/">
<style>

.MSC_Body
{
background-image: url(/images/image.jpg);

}

</style>
</xsl:template>
</xsl:stylesheet>    

Changing the Site Width

Paste the following code in the Style Sheet under the Site Designer, change the width to whatever you desire.

.MSC_SiteWidth,.MS_MasterHeader,.MS_MasterFrame,

.MS_MasterGlobalLinks,.MS_MasterHeader,.MS_MasterPrimaryNav,

.MS_MasterFooter,.MS_MasterTopAD,.MS_MasterBottomAD
{
width:960px;
}

Zones