Knowledgebase
(114)FAQs (240)NE1™ Web Builder (28)cPanel (6)Email Trouble Shooting (101)Custom Wordpress Sites (157)WP-EZ Web Builder
SEARCH
Knowledgebase:
Text/Background Color
Posted by on 17 December 2010 02:50 PM

Foreground (text) and Background Color:

Changing the foreground color will change the font color. To change the foreground color you can highlight the text and then click on the Foreground (text) Color Icon foreground icon and select a color or you can change a whole line by placing you cursor anywhere within the line and then clicking the Foreground (text) Color Icon Foreground color icon and selecting a color. (see figure 1) (figure 1)
Foreground-Background color box

Changing the background color will change the background of the text box but not the color of the whole page. To change the background color click the Background (text) Color Icon background color icon and select the color (see figure 1) you would like. If you already have text on your page you can highlight sections of text and change the background color (see figure 1) of each section.

To remove your background color, click on the Background (text) Color Icon background color icon and then click on "more colors" (see figure 2) and then "remove color" (see figure 3)

(figure 2)
Foreground-Background color box with the More Colors button highlighted

(figure 3)
The More Colors box with the Remove button highlighted


When you click on the Foreground (text) Color Icon foreground or Background (text) Color Icon background icons a window will come up with about 40 of the most commonly used colors to choose from; however, you have more color options. Click the "More Colors" button (see figure 2) and the window will change to include 216 web friendly colors (see figure 4). Web friendly means that most web browsers support those colors. As if 216 colors were not enough to choose from, you can also create your own custom colors by changing the numbers in the "R" (red), "G" (green), and "B" (blue) boxes on the left side of the window (see figure 5). This gives you virtually limitless options for colors.

(figure 4)
The More Colors box with the Remove button highlighted

(figure 5)
The More Colors box with the Remove button highlighted


After setting the foreground and/or background color for the text, click the Save icon "Save" icon in the top, left corner of the Page Editor to save your work.

*Note: If you create a custom color to use on your website, it may not display properly as it is not one of the 216 web friendly colors. To be safe and insure all your visitors see the same colors on your website, we recommend only using the 216 web friendly colors.

*Tip: If you decide to create a custom color, start by clicking a color from the color palette that is close to the color you want to create. Then make minor changes to the numbers in the "R" (red), "G" (green), and "B" (blue) boxes (see figure 5) until you have the color you want.