Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool
hier
te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).
Voor wat de knop betreft, dat kan je vinden in o.a.:
regel 46
Code:
span.addtocart-button {
float: left;
margin: 0 0 0 10px;
width: 152px;
}
regel 52
Code:
span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button {
background: url("../images/vmgeneral/backgrounds.png") repeat-x scroll 0 -160px #E8E8E8;
border: 1px solid #00A000;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
height: 34px;
letter-spacing: 1px;
padding: 4px 5px;
text-align: center;
width: 152px;
}
De knop is een afbeelding, maar als je de css wijzigt en de afbeelding uit de definitie haalt kan je eventueel ook gewoon een achtergrondkleur opgeven. Ietsje minder mooi, maar wel eenvoudiger.
Zet wel de aanpassingen in de css van je template, anders worden ze overschreven bij een update van VM!