"Add to cart" button css error on variable products

[ehandelsfabriken]

With the latest update v.2.10 of the theme it looks like the css for the “Add to cart” button on variable products is messed up. The button doesn’t look the same as for simple products.

[Rui Guerreiro – SUPPORT]

Hi,

Thanks for the heads up. Will forward to the development team.
-Rui

[Marco Volpato]

Same issue here!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.add_to_cart_button{
height: 40px;
Width: 100px;
background: none repeat scroll 0 0 #2e2e36 !important;
    border: 0 solid #2e2e36 !important;
    border-radius: 0 !important;
}
.add_to_cart_button span:hover{
font-weight:bold !important;
color: #07c1b6;
}

.add_to_cart_button:hover{
font-weight:bold !important;
color: #07c1b6;
}

Thanks
Mohammad

[Swift Ideas – Ed]

Thanks, we have fixed this for the next update. The css fix is as follows:

.woocommerce form.cart button.add_to_cart_button {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 40px;
    padding: 0 15px;
    float: left;
    font-weight: bold!important;
    outline: 0!important;
}

– Ed

[Swift Ideas – Ed]

Thanks, we have fixed this for the next update. The css fix is as follows:

.woocommerce form.cart button.add_to_cart_button {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 40px;
    padding: 0 15px;
    float: left;
    font-weight: bold!important;
    outline: 0!important;
}

– Ed

[ehandelsfabriken]

I have updated to v.2.12 now and it has almost been solved. Now the button is just as big as the button for simple products. However, the button for variable products are using another text color than the button for simple products? They should use the same color right?

Simple product: http://www.grafiskatryck.se/produkt/kort-herr-kanin/
Variable product: http://www.grafiskatryck.se/produkt/flower/

[Swift Ideas – Ed]

Thanks – have fixed that for the next update too.

– Ed