Onjuiste knop van template

Ik heb via artisteer 4.1 een template gemaakt voor mijn website. In virtuemart/joomla is deze template mooi overgenomen, echter de knoppen die ik gemaakt heb in artisteer zijn niet terug te zien in virtuemart. Hierin zie ik gewoon een standaard wit/grijs geval.

Site draait op joomla 2.5 met de nieuwste versie van artisteer 2

Voor een duidelijker verhaal heb ik een bijlage toegevoegd.




Hoe krijg ik mijn gemaakte knop van artisteer in de website?

css van je template toepassen op de knoppen css van VM.

Nu komt er vast een domme vraag, maar:
welk css zou ik dan moeten aanpassen? ik zie meerdere css bestanden in virtuemart

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).

Dan zie je waar de definitie van die knop staat. Die pas je dan aan en kopieer je naar je template.css zodat hij niet overschreven wordt bij een Joomla! update.