improve check out button woo

hi guys
I would like to improve the check out button for Woocomerce.

http://pasteboard.co/19lGxZIn.png

I want to make it less wide, a little taller and increase font size, if posible change colors too.

Thanks a lot!!!!

Hi

Try this css in theme panel > custom code > custom css:

.woocommerce-page .woocommerce a.button{
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 13px;
    font-size: 15px;
}

Thanks!

• This reply was modified 10 years by Andrei L..

thanks Andrei look much better, now how can i change the color and the hover color?

Hi

Replace the above cs with this one and pte the color as you need:

.woocommerce-page .woocommerce a.button{
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 13px;
    font-size: 15px;
    background-color: red;
}
.woocommerce-page .woocommerce a.button:hover{
    background-color: green;
}

Thanks!

Thanks !!!!!