CSS: Modify "Add to Cart" and input fields in the cart

[pokerhuds]

I’m stuck trying to remember how I originally did a couple of things after a site redesign and clean installation of WP eStore.

1.) I want to adjust the CSS properties of the “Add to Cart” button and variable drop down(or quantity field) that’s placed on top of the Add to Cart button.

2.) I want to change the CSS properties of the input fields (QTY, Coupon Code) in the shopping cart widget.

Last time I remember messing with the PHP files until I made it work (scary thought)… I also remember it taking a long time, so any help would be appreciated!

Thanks

[amin007]

Every eStore button has a CSS class attached to it. You just have to style that class. Same with the variations. Find the following in the eStore’s CSS file and and style them

.eStore_button

.eStore_variation

The easiest thing to do is use the firebug addon of Firefox. It lets you see what class or ID a particular element on the page has then you can go and style that guy in the CSS file. You can get firebug here:

http://getfirebug.com/

[Author]

Posts