Changing Font Text Colors on Posts
After using Radio for a couple of months, I’ve noticed there isn’t a whole lot of documentation on how to change text font colors beyond the standard drop down list on a new post. If you are anything like me, I like colors beyond standard such as bright pinks, pastels and sometimes chocolate. I’m not a standard creature..I like different font colors for different sections/text of my posts or stories to express my individuality.
And if you are a newbie to Radio or HTML source code, it can be daunting to look at the source code and figure out where and how to change the color of a section or even a word to something different. It can also be daunting to figure out what the color code is. In Radio they’ve made it simple, the font colors are “darkblue” in the source code which is nice however if you want to change the font color to say chocolate you need to know the color number.
I’ve used HTML code for a few years and have used it with Frontpage and Dreamweaver but in these two programs changing the font color is as easy as highlight the text and clicking on a new color to change it and rarely have to go into the source code to change a font color. So I thought I would write a basic tutorial on changing the font color to something more exotic than the standard colors.
1. Create your post in Radio in the WYSIWYG mode
2. Open Frontpage or Dreamweaver or any program that allows you to type in a word and change the color in a basic text mode. I’m using Frontpage as an example.
3. Type in a word such as “color” in the normal mode. Highlight the word and change the color.
4. Open the HTML mode and you will see the following:
<p><font color=”#996633″>color</font></p>
this should be between the <body> and </body> tags in frontpage’s html mode
what you want to copy is #996633 this is the color code for chocolate
5. Go back to your radio post. In the WYSIWYG mode, change the font color of one word or section using the drop down list, this will help you find the section or word in the source mode where you will insert the new color code #996633 because what you will be looking for in the source code is the HTML code <FONT color=orange>
for example: chocolate (I’ve changed the word to a standard orange color)
6. Change the mode on the post to SOURCE, find the HTML font code – this is what it will look like: <FONT color=orange>chocolate</FONT></P>
7. Copy the color code of chocolate or #996633 and paste it where “orange” is in the source code which will change the word to a chocolate font
HTML source code will look like this <FONT color=#996633>chocolate</FONT>
for example: chocolate (now the font has been changed to a more exotic chocolate color)
Basically you are replacing a standard color with a color code which you can find using a basic web editor such as Frontpage or even illustrator/photoshop where you can get source color codes to use on your posts.
If you have questions you can email me also.