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.

Changing Backgrounds:
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.


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.

background-color: #FFFFFF;

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.

Other Graphics:
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.

Next Page:
More color option details
Allwebco Template Support

Font Colors
Color Mixer Software

Related Topics:
Changing Font Colors and Sizes
Editing the Flash Animation

Allwebco Template Support

Allwebco Editing Your Template Colors

Allwebco Chrome Templates
Quick color change css web templates.
Web Site Templates
Free Javascripts
Free scripts for any website or template.
Web Template Support
Mobile Web Templates
HTML5 / CSS website designs.
Web Site Templates
Shopping Cart Templates
Professional templates with built-in Paypal.
Corporate and Business Help
Building Business Websites
Help for starting a small business site.

Website Template Support
Website Template Support