VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: ahtaylor1 on October 11, 2013, 21:08:22 PM

Title: "Add to Cart" styling problem
Post by: ahtaylor1 on October 11, 2013, 21:08:22 PM
Joomla 2.5.14
Virtuemart 2.0.24

Can anyone give me a clue as to where the styling for the Add to Cart button could be?

I have looked through my template code and the css code and cannot locate it.    I presume It is defined by the template css and not in VM?

I just want to change the colour to match my template.

I have used firebug to look at the template and the css. 

I have located the following code but i'm not sure what to do to change the colour of the "add to Cart" box - Do I need to search the css for the div class "addtocart-area"

<div class="addtocart-area">
<form class="product js-recalculate" action="/test/index.php/artists-vm-new-menu-item" method="post">
<input type="hidden" value="1" name="quantity">
<div class="addtocart-bar">
<input type="hidden" value="com_virtuemart" name="option">
</form>
<div class="clear"></div>
</div>

Sorry if seems a silly and basic question but we all have to learn!
Title: Re: "Add to Cart" styling problem
Post by: jenkinhill on October 11, 2013, 23:49:14 PM
The button colour is a sprite.

http://forum.virtuemart.net/index.php?topic=115079.msg387685#msg387685
http://forum.virtuemart.net/index.php?topic=100524.msg333297#msg333297
Title: Re: "Add to Cart" styling problem
Post by: ahtaylor1 on October 12, 2013, 14:53:17 PM
Thanks Jenkinhill - all sorted now and looking great - learned something new as well!