Content Background

You probably know how to configure your site content area background color or image:
click the More button Manage site Themes, Colors, and Fonts Content areaBackgroundColorImage.
However, these settings are under Site Appearance, i.e. they're site-wide, not page-specific. What if you'd like to set a background color or image on a particular page content?


Instructions
  • Background color

    In edit mode click the HTML button ► insert the following code:
    <div style="background-color:#FFE4E1; padding:3px;">
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    </div>

Notes: 
  1. If you have an existing page with content, just add the red code to the very top of your HTML editor and the blue code to the very bottom of it.

  2. You can pick any HTML color and its darker/lighter shades.


Click Update ► add anything (else) you wish to your page ► SaveThat's how I created this page.




  • Background image


    Take similar steps with the following code:

    <table width="100%" border="0" cellspacing="0" cellpadding="3" background="http://www.example.com/image.jpg">
    <tr>
    <td>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    </td>
    </tr>
    </table>


See the example on my home page.

Notes:
  1. As seen on this page you can set a background color or image in a part of your page content. Simply set your <div> or <table> width and height values in pixels, e.g. width:500px or percent, e.g. width="80%" and insert the code wherever you want.
  2. By default, a background image is repeated, and placed at the top-left corner of the table. To display it only one time set the table tag like this:
    <table style="background-repeat:no-repeat;" width="100%" .....
    To change the image position it might help to change its canvas size using an image editor, e.g. Pixlr Editor.


DiscussPlease note that all posts are moderated.