How to Change Font Color and Alignment on Wikispaces

(or, an example of why open source and free is better than just free)

Copied from these instructions:

Centering Text

  1. Open up a graphic program (Paint, Photoshop, etc.). Select the size of the canvas you’d like to have, if avaliable.
  2. Copy and paste your text into the program. At this point you can edit it any way in which you would like; play around with font, color, alignment, etc. IF YOU WANT YOUR TEXT CENTERED, CENTER IT!
  3. When done, SAVE your file (label it something you will recognize), in a JPG, PNG, or GIF file. That option should be in a drop down menu. LOOK AT THE PICTURE PROVIDED BELOW! That is how it will look if you are using Photoshop Elements 4.0.
  4. Upload it to wikispaces OR using another image host, then complete the normal process to centering an image. You CANNOT alter that text once it has been uploaded. If you would like to change it, you must go through the entire process again.

Changing Font Color

  1. Go to edit the page you want to change the text color of, and go into the editor.
  2. Select the Embed Media icon on the toolbar (it looks like a television).
  3. A screen should pop up. You’re going to COPY AND PASTE (make sure to copy and paste EVERYTHING) the code below into the text box.

<script language=”JavaScript” type=”text/javascript”>
document.write(‘<font color=”#INSERT COLOR HERE”>’)

  1. Do you see the #INSERT COLOR HERE part of the code? That’s where the color you want the text to be is going to go, but it needs to be in a special format called a Hex Color Code.
  2. Use this site to pick the color. Copy and paste the Hex Code (make sure it’s the Hex Code, not the color itself) into the part that says #INSERT COLOR HERE.
  3. You’re going to take out the part that actually says #INSERT COLOR HERE and put the code into it. Make sure there is only ONE pound sign (that tic-tic-toe box thing) in the code there. If there’s two, it won’t work.
  4. Click Save, and then the box should dissapear and a box saying custom will appear where your cursor was. This is perfectly okay, it’s what we want!
  5. Save your page. It should have the colored text now, if it doesn’t, you might’ve done it wrong. That’s okay though, you can fix it!
  6. Go back into your edit page and click on the box that says custom. Then click on the Embed Media icon and it should show the code and everything that you entered it. Double check it against the code above, and then make sure that your Hex Code is right. Save it again and save the page.
Posted in opensource, technology

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 4,346 other followers

%d bloggers like this: