Author Topic: "Add to Cart" styling problem  (Read 1339 times)


  • Beginner
  • *
  • Posts: 25
"Add to Cart" styling problem
« 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">
<div class="clear"></div>

Sorry if seems a silly and basic question but we all have to learn!


  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 28464
  • Always on vacation
    • Jenkin Hill Internet

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VirtueMart 4.0.12 10777  J 3.10.11 PHP 7.4.30


  • Beginner
  • *
  • Posts: 25
Re: "Add to Cart" styling problem
« Reply #2 on: October 12, 2013, 14:53:17 pm »
Thanks Jenkinhill - all sorted now and looking great - learned something new as well!