How to re format the Add to cart button

[juan]

Hello

I’m using the fancy10 short code for my products [wp_eStore_fancy10]

I was wondering if you could advise on the best way to re format the “Add to cart” button that appears.

Basically I find that it has a grey border….this grey border also appears if you use a custom image….additionally the button is quite close to the product description and I would like to give it a top margin giving it some space.

Just to clarify however I’m comfortable writing CSS and I’ve looked at the source code of my page but not sure how to target the button…….I can see it’s a form input with a class called

eStore_button eStore_add_to_cart_button so I write some custom css as follows

input.eStore_button eStore_add_to_cart_button{

border: none;

margin-top: 10px

}

but this doesn’t work. Please note it’s fancy10 shortcode I want to affect.

Can you please adivse.

Thank you very much.

[Peter]

Please post a link to your page containing the button so we can take a look with Firebug.

[wpCommerce]

Hi, If you provide a link we should be able to give you more accurate answer but may be try this CSS to keep some space between the description and the button:

div.eStore-product-fancy-10 input.eStore_button{

margin-top: 10px;

border: none;

}

[Author]

Posts