CSS - Side Column Formatting - Adding background, Borders and Rounded Corners

The instructions below apply to SiteNinja Template 2, or any website.  You just need to have access to the CSS for your website.

BACKGROUND:

1. The right side column of your SiteNinja website has featured sections of content.  You will notice each section is separated by a dotted line.
2. Within each section, you can apply CSS formatting for background color, borders and rounded corners

How to add backgrounds, boarders and rounded corners :

.side-column-section { padding: 5px; background: #F3F1EA; border: 1px solid #999;  -moz-border-radius: 8px 20px 4px 0px; -webkit-border-radius: 8px 20px 4px 0px; border-radius: 8px 20px 4px 0px; margin-bottom: 10px; }

1. Copy the above CSS code into the Admin/Settings/Advanced/Additional Styles field of your SiteNinja SEO CMS website.
2. Background Color - If you want to keep your background color white, change the #F3F1EA in the CSS Code to #FFFFFF.  Use HEX Color Table Chart to select other colors.
3. Borders - Borders can be set to a zero value if you don't want borders.  You can also change the thickness of borders by changing the "1px" to something bigger, like 10px.
4. Rounded Corners - By default all corners are square.  To make them round you set the radius for each of the 4 corners.  Follow the color of each highlighted corner below and match that color to the CSS code.  You will notice setting the radius attribute for corners always starts with the 1st corner located in the upper left, then upper right, then lower right and finally lower left.