Customize Appearance of Product Forms

Customize Appearance of Product Forms

If you analyze a product form with Firebug (in Mozilla Firefox) or with the Google Chrome inspector you'll see that Cart Ninja has several classes that should allow you to customize the appearance of the product form to look however you want.

Note that you may need to use the !important over-ride for many customizations.


.CNAddToCart {
 background: #666 !important;

That would change the color of the Add To Cart Button to a dark grey, every portion of the product form is given a class so that you can over-ride anything. You can also completely disable the default Cart Ninja CSS on the settings page and create your own from scratch.