Q. How do I control the color and/or size of the LINKS in the HTML areas?A. By default, all content in your HTML area takes on the CSS values of your iGrOOp. This means, it will use the default size for fonts, default font face, and default colors - all as you have defined in your ADMIN SETTINGS > Color Theme section. However, the HTML editors also allow you override MOST of these defaults by simply using the buttons and items in the HTML editor toolbox. We say MOST because simply trying to change the font, color, or size of your links using the pulldown tools in the HTML editor will not work. You need to do more.
Step 1: Identify the link that you want to change the font, color, or size of. In our example we will just be changing the size.
Step 2: Open this content in the HTML editor. In our example, this is in the homepage editor main text box:
Step 3: Click the "HTML" button to show the code for the HTML.
Step 4: Find the link you want to change in the code. Tip: use your "control F" to launch the "find" in your browser window to make this easier.
Step 5: Add the appropriate "style" tag between the " Here are some examples of what you would want to change:
- style="font-size: 14pt;" (just change the "14" to any number that meets your needs)
- style="color: red;" (you can use common color names or hex codes for colors, ex. #FF0000)
- style="font-family: helvetica;" (any common font family name)
If you know CSS, you can actually add just about anything here.
Step 6: Save your changes in the editor by clicking the bottom left "update" button in that window.
Step 7: Click the "Save Settings" button on the bottom of the main window in the homepage editor window.
Now visit your new text!
