Changing Template Buttons
The code for buttons used on Allwebco templates can be found in the template CSS file. This code may be in the "coolstyle.css" or "corporatestyle.css" or in Chrome templates edit the "common-style.css" or the color of the CSS file you are using like the "blue.css". This CSS code may be for the slideshow buttons, contact form, quotes form, F.A.Q. pages or order buttons.
Button images
You may need to edit some images in your template picts folder to change the button colors. These may be named "button.gif" and "buttonon.gif", "button-slideshow.gif", "button-gallery.gif", "button-order.gif" or some other similar name. These .gif images are 256 indexed color images. You may need to convert them to RGB in your graphics software before you change these colors. Also see shifting colors on the right menu on this page.
Gallery viewer page example:
Here is an example of the gallery button code from a T20 Garden template CSS file that you may want to edit. Note that the "color" below will be the font color you can edit. The background color is highlighted in green below.
.button-gallery {
color: #000000;
font: bold 11px arial, serif;
text-align: center;
background-color: #FFFFFF;
background-image: url("picts/button-gallery.gif");
padding: 1px 5px 1px 5px;
margin: 0px 1px 0px 1px;
display: block;
cursor:pointer;
border: #999999 1px solid;
}
.buttonon-gallery {
color: #0066FF;
font: bold 11px arial, serif;
text-align: center;
background-color: #FFFFFF;
background-image: url("picts/buttonon-gallery.gif");
padding: 1px 5px 1px 5px;
margin: 0px 1px 0px 1px;
display: block;
cursor:pointer;
border: #0066FF 1px solid;
}
To change the colors use a different 6 digit HEX number. Click here for other color choices.
Links:
Font Colors
Color Mixer Software
|
|
|
