View Basket checkout button style

[lee]

lee

August 2, 2016 at 1:44 pm

Hi I have added some custom CSS to my shop archive page buttons and variable product button,s to style them all the same as I was having issues making them all look the same as the product page add to cart button by default.

All good but I am having a problem with the “view basket button” and “proceed to checkout” after adding to cart when hovering,
URL: *Login to see link

.kad-btn {
background:#fbbc05;
font-size: 20px;!important;
font-family: Tahoma,Geneva, sans-serif;
text-transform: uppercase;
color: #fff;
}
.kad-btn:hover {
background: #4285f4;
font-size: 20px;!important;
font-family: Tahoma,Geneva, sans-serif;
text-transform: uppercase;
color: #fff;
}
.button {
background:#fbbc05;
font-size: 20px;
font-family: Tahoma,Geneva, sans-serif;
text-transform: uppercase;
color: #fff;
}
.button:hover {
background: #4285f4;
font-size: 20px;
font-family: Tahoma,Geneva, sans-serif;
text-transform: uppercase;
color: #fff;
}

.single_add_to_cart_button {
background: #fbbc05;
font-size: 20px;
line-height: 40px;
font-family: Tahoma,Geneva, sans-serif;
text-transform: uppercase;
color: #fff;
}
.single_add_to_cart_button:hover {
background: #4285f4;
line-height: 40px;
font-size: 20px;
font-family: Tahoma,Geneva, sans-serif;
text-transform: uppercase;
color: #fff;
}

.shopcolumn1 .product_item .kad_add_to_cart {
background: #fbbc05;
margin-top: 0px;
line-height: 40px;
padding: 0 18px;
font-size: 20px;
font-family: Tahoma,Geneva, sans-serif;
text-transform: uppercase;
color: #fff;
}

.shopcolumn1 .product_item .kad_add_to_cart:hover {
background: #4285f4;
margin-top: 0px;
line-height: 40px;
padding: 0 18px;
font-size: 20px;
font-family: Tahoma,Geneva, sans-serif;
text-transform: uppercase;
color: #fff;
}

cheers, lee