• 

  queenb123

  Participant

  June 24, 2017 at 19:27

  Hi,

  How do i change the Proceed to checkout button colour button and the hover colour please?

  

  #166331 Copied

  5 Answers

  

  Amzy Leel

  Participant

  June 25, 2017 at 07:18

  .wc-proceed-to-checkout .checkout-button { background-color: #d64444; } 
  

  put the above code in,

  8theme options >> styling >> custom css >> global custom css

  and change the color code to the color you want.

  #166342 Copied
  

  queenb123

  Participant

  June 26, 2017 at 13:21

  thanks but what about the hover colour?

  #166427 Copied
  

  Rose Tyler

  Support staff

  June 26, 2017 at 15:12

  Hello,

  Please change previous code to:

  .wc-proceed-to-checkout .checkout-button {
      background-color: #d64444;
      border-color: red;
  } 
  .wc-proceed-to-checkout .checkout-button:hover {
      opacity: 0.5;
      background-color: blue;
      border-color: blue;
  }

  Regards

  #166439 Copied
  

  queenb123

  Participant

  June 26, 2017 at 20:23

  Thank you!

  #166465 Copied
  

  Amzy Leel

  Participant

  June 27, 2017 at 05:41

  You are welcome.
  Do not hesitate to ask if you have any other question (ask in new topic/post)

  #166474 Copied