How to Create an Effective Color Scheme

Don't know how to add a Color Scheme to your NewsPortalSite? In this article I will give you step-by-step instructions on how to create a Color Scheme.
Here you will learn how to name your Color Scheme and choose the colors you want your NewsPortalSite to display.

Step 1: Login to your admin main menu. Under Settings you need to click on Manage Color Schemes.

Step 2: Click on the corresponding Add button, here you will be able to Name your scheme and select if you want it to be active. If the Color Scheme is selected Active then it will be shown on the NewsPortalSite. You can also Replicate an already made Scheme.

Step 3: Click the Add Color Scheme button and once the page is done loading, then go back to the admin main menu.

Step 4: Under Settings click on Manage Site Colors, this will let you select the Color Scheme you just added in the Manage Color Scheme section.

Step 5: By clicking on the Update button, this will let you change the following:

Body

Background Color
Center Background Color
Article Title Text Color
Normal Text Color
Normal Link Color
Normal Hover Link Color
Header Text Color
Article Link Color
Article Hover Link Color
Top Articles Category Text Color
Featured News Title Text Color
Featured News Title Background Color
Featured News Text Color
Featured News Link Color
Featured News Link Hover Color
Featured News Link Visited Color
Featured News Column Color A
Featured News Column Color B
Featured News Column Color C
Required Field Color
Current Step Text Color

Sidebar

Titlebar Background Color
Titlebar Text Color
Titlebar Link Color
Titlebar Hover Link Color
Titlebar Visited Link Color
Content Box Background Color
Content Box Text Color
Content Box Link Color
Content Box Hover Link Color
Content Box Visited Link Color
Favorites List Background Color A
Favorites List Background Color B
Content Box Divider Line Color
Border Color

Footer
Background Color
Text Color
Link Color
Hover Link Color
Visited Link Color

Advertisements

Top Advertisement Background Color
Top Advertisement Border Color
Bottom Advertisement Background Color
Bottom Advertisement Border Color

Menu

Menu Divider Color
Menu Text Color
Menu Dropdown Background Color
Menu Dropdown Text Color
Menu Dropdown Hover Color
Menu Dropdown Text Hover Color
Menu Background Color

Header

Date Text Color
Google Search Selection Text Color
Google Search Text Color
Google Search Box Border Color
Google Search Box Background Color
General Text Color
General Link Color
General Hover Link Color
Flash Header Background Color

NOTE: When trying to choose the color you want to be displayed, you will need to find out the hexadecimal code which is a series of numbers and letters. These hexadecimal codes are found on many sites.
Example: 0000CD is Medium Blue




Step 6: Once you have chosen the colors you desire, simply just click on the Update button.