Website Template CSS Colors
Editing Your Template Colors
All templates are built using basic HTML and all the source code used to create the template is included along with the download. This means you can alter anything about the template. This includes re-designing the template from the ground up if you choose.
Menu Fonts and Colors:
In the template .css file (coolstyle.css, corporatestyle.css or other menu.css files) you will find a section starting with ".menu" or notes that indicate the menu code. This code is usually at the bottom of the CSS file. You can alter the font color, sizes and other menu button options by editing these lines in Notepad. For drop menu templates, check your "help.html" for details and links for menu color editing.
Changing Menu Button Graphics:
In most Allwebco templates the menu buttons are defined by two images and CSS code. To change the button graphics, find the "menu.gif" or ("button.gif") and the "menuon.gif" (or "buttonon.gif") in the "picts" folder and edit these graphics with your own.
Templates may define the backgrounds differently. Some templates you will need to open each page and edit the line below near the top of each HTML page.
<BODY BGCOLOR="#FFFFFF" TEXT="#000000"...
Some template models set the background color in the "coolstyle.css" or "corporatestyle.css" file. This code is usually near the top of the CSS file.
Other template models are using .jpg or .gif graphics to define the backgrounds. Look in the "picts" folder for graphics to edit to modify your template. Background images usually are named "background.jpg" or "background.gif".
Finding New Colors:
Check the color chart for template color options. Or download the RGBLab color mixer for custom colors.
There may be other graphics used in the template for the separators and sidebars. You will find all of these also in the "picts" folder.
Flash Background Colors:
The Flash header and changer colors can be edited in either the .js files like the "header.js" or "changer.js" or, in the template CSS file, or in both. Search your CSS file for either "header" or "home" or "flash" or "changer" to find the CSS code to edit.
In some templates to change the Flash background, you will need to edit one or more of the following:
The .css files in the "colors" or "css" folder.
index.html (In some templates with an intro page)
Flash in .js files:
Open one of the above .js files in Notepad, look for this code near the top:
var flashcolor ="000000" // HEADER BACKGROUND COLOR
Edit the HEX number, or numbers, with your HEX code. In the above example edit the 000000 to another HEX color. See the color chart or color mixer for HEX colors. If you edit this code and the header does not update your color code may also be in the template CSS file. Click here for more flash header editing details.
Color Mixer Software
Changing Font Colors and Sizes
Editing the Flash Animation
Allwebco Chrome Templates
Quick color change css web templates.
Free scripts for any website or template.
Mobile Web Templates
HTML5 / CSS website designs.
Shopping Cart Templates
Professional templates with built-in Paypal.