Author Topic: Change background color of add to cart box on product page  (Read 5050 times)

opwdecks

  • Jr. Member
  • **
  • Posts: 61
Change background color of add to cart box on product page
« on: November 21, 2008, 21:39:42 pm »
Anyone know the file that I would need to edit the background color of the addtocart box on the product flypage? It is currently a light blue.

Thanks!
Scott Paul

cjmicro

  • Beginner
  • *
  • Posts: 47
Re: Change background color of add to cart box on product page
« Reply #1 on: November 22, 2008, 01:49:22 am »
I know this!! Finally I can help someone else  ;D

First of all, look in the components/com_virtuemart/themes/default/images folder and you can change the add to cart button to different colors (add-to-cart_color.gif). Or replace with your own.

The background of the whole box around the add to cart form is in the folder
components/com_virtuemart/themes/default/ and edit the theme.css file and find this (mine was around line 276)

.vmCartContainer { /* Cart Container */
   width: auto;
   float: left;
   background: #F9B4D4;
   border: 1px solid #000;
   padding: 3px;
}

The default is background: lightblue. I changed mine to #F9B4D4  (pink!)

Hope this helps. Good luck,
Cheryl

opwdecks

  • Jr. Member
  • **
  • Posts: 61
Re: Change background color of add to cart box on product page
« Reply #2 on: November 22, 2008, 02:48:19 am »
Thanks very much for your help! :)
Scott Paul

enzo24

  • Beginner
  • *
  • Posts: 13
Re: Change background color of add to cart box on product page
« Reply #3 on: January 04, 2009, 16:54:56 pm »
Tanks mate ! That answered a 2 hours css search !! Hope I'll be able to help out like that someday! :)

hamderk

  • Beginner
  • *
  • Posts: 16
Re: Change background color of add to cart box on product page
« Reply #4 on: April 08, 2011, 11:48:05 am »
nice just what i looked for thanks :)