Magento eCommerce 1.3.2.4 :: Hover Rollover Mouse Effect on the Add-to-cat button and info buttons

This was kinda easy, but I didnt know what to do for the longest time. I could not find any info on how to do this.

Here is what I did.

Just add this to your boxes.css file in your skin/frontend/default/[theme]/css folder

/*The background color is the effect I had for mine when I rolled my mouse over the button*/

.form-button:hover, .form-button-alt:hover { background:#cc9900; }

If you want a different background color, change the background: to what ever you want, if you want to add border or whatever, this is where it is done.

Just add that to your css page, if you dont know which one to add it to, then add it to skin/frontend/default/[your theme]/css/boxes.css

–Hope this helps someone else too

Magento 1.3.2.4

Advertisement