Changing Link Colors

Editing the template link css code

Pinned Note Link Colors
Colors for the non-menu links and links when hovered in all Allwebco templates is controlled by the .css files. The global css file may be named "style.css", "coolstyle.css" or "corporatestyle.css". In color theme templates the css files will be in your "colors" folder. Edit css files in Notepad, TextEdit or a plain text editor.

To change link colors, open the ".css" file and edit the following lines of code near the top of the file. Changes you make in the .css file will globally affect every webpage:


/* NON-MENU LINK COLORS */

a:link,
a:visited,
a:active { color: #3366FF; text-decoration: none; }

a:hover { color: #006699; text-decoration: underline; }


...in some templates the following is the default link color code:


a:link { color: #3366FF; text-decoration: none; }

a:visited { color: #3366FF; text-decoration: none; }

a:active { color: #3366FF; text-decoration: none; }

a:hover { color: #006699; text-decoration: none; }



Both types work in the same way. The above lines globally control the link colors for the entire template. You can freely experiment with other colors. To find other usable colors see "Hex Colors" in the sidebar on this page.


Footer, sidebar and copyright links
In some templates there may be different link colors for other areas of each webpage. Search in the css file(s) for these sections by searching for "footer", "sidebar" or "copyright".



Related Topics:
Changing Font Colors and Sizes
Adding New Font Styles
Editing the Flash Animation
Adding a Second Link Class (advanced)