CHANGE SOME THINGS IN MY CHECKOUT PAGE

[Marcos Clairac]

Hello there,

I´d like to change some colors in my checkout page. Could you help me with some code to change the white bars, the blue of the text and the “Finalizar Compra” button? Don´t know yet which colors I´ll use, if you give me the code with and example, I´ll try another color code by myself.

Thank you!

[Marcos Clairac]

This reply has been marked as private.

[Zex]

Hello, Marcos!

Try to use the following codes, please let me know if I something missed:

/*Cart total white bars*/
.woocommerce-cart .cart_totals th{   
   background-color: #964626;
   color:white;
}
/*Cart total title*/
   .woocommerce-cart .cart_totals h2{
    color:white;
}
/*Cart total font color*/
  .woocommerce-cart .cart_totals td{   
   color:white;
}

/*Button*/
.wc-proceed-to-checkout .checkout-button{
    background:#964626;
}
.wc-proceed-to-checkout .checkout-button:hover{
 opacity: .9;
}

.woocommerce-checkout .form-row label{
    color:white!important;
} 

Regards

[Marcos Clairac]

This reply has been marked as private.

[Zex]

Hi,
here they are:

/*white bars*/
.woocommerce-cart .shop_table th{   
   background: #964626!important;
   color:white!important;
}
.woocommerce-cart .shop_table td.actions{   
   background: #b2b2b2!important;
}
/*checkout titles*/
.woocommerce-checkout h3{
    color:white!important;
}
/*message*/
.single-product .woocommerce-message{
    color:white!important;
}
.single-product .woocommerce-message .button{
    background:white!important;
    color:#964626!important;
}

[Marcos Clairac]

This reply has been marked as private.

[Author]

Posts