Hi
I need some help on the correct sequence to create a new button that will be different from all the other buttons on my site (larger and a different background colour).
I belive the buttons are made up of three images which automatically self adjust to suit the text in the button, this process i wish to keep.
I have made three new images in Photoshop (LH/midd/RH button image) which i have uploaded to skin1/images. Do i now need to make a new style in skin1.css for example call the new style "Button1" then add all the style data below,
then in the product.tpl rename the style that i require to be displayed, for example this is the original line of code in the product.tpl of the button i wish to change
</td>
<td><div align="centre">{include file="buttons/add_to_cart.tpl" style="
button" href="javascript
: if(FormValidation()) document.orderform.submit();"}</div></td>
</tr>
Where the style is in red above is where i would put "Button1" the new style that i created.
Is this the correct way to do this and if i require more different button colours etc then i would repeat the above.