"Add to cart" Button CSS

Philflip · September 2015

Hi guys,

I got another question regarding the CSS style of WooCommerce. I want to change the WooCommerce "Add to cart" Button which is created by this shortcode: [add_to_cart id="XXX"]

http://restube.svkurowski.com/produkte/restube-basic/ (PW to enter is Restube2015)

The first button you see on this page is a normal stroke button. I would like the the "Add to cart" Button below look like the normal button (wothout border, white backgroud, etc.). I tried to catch the CSS parameter to edit it with Firebug but when I paste it into "Custom CSS" in BeTheme nothing happens...

(when I make the changes in Firebug I can see the difference).

Do you guys have any idea why it isnt working for me ?

Thanks again for your help!

Cheers,

Phil

Albert · September 2015

Hi Phil,

as we see http://pasteboard.co/Jtld1UI.png, first button is stroke but the second is normal button as we understand, this looks exactly as you want. So please explain what exactly you want to do because for this this looks exactly as you want.

Philflip · September 2015

I would like the second "Add to cart" button look like the stroke button

--> remove the grey border, white background instead on blue

Thanks!

Albert · September 2015

OK. So use below css in this case:

.woocommerce.add_to_cart_inline {
    border: 0 none !important;
}
.woocommerce a.button, .woocommerce .quantity input.plus, .woocommerce .quantity input.minus { background-color: #FFF !important; color: #000 !important; box-shadow: 0 0 0 1px #000 !important; }

"Add to cart" Button CSS

Comments

This website uses cookies