Home New Guten › Forums › WoodMart support forum › Checkout button colour

Checkout button colour

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 22, 2022 at 3:17 pm #370224

    Svyat
    Participant

    I would like to change the colour of the checkout button in shopping cart.
    Can you help me out?

    Attachments:
    You must be logged in to view attached files.
    April 23, 2022 at 3:34 am #370368

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .cart-totals-inner .checkout-button {
  color: white;
  background-color: red;
}

    Best Regards

    April 26, 2022 at 11:59 pm #371189

    Svyat
    Participant

    Thank you that did it, but when I hoover with my mouse over it the colour changes back to default.

    I also would like to change the colour of the checkout button on the side card. I have enclosed some screenshots.
    The colour should stay the same even on hoover.

    Thank you in advance!

    Attachments:
    You must be logged in to view attached files.
    April 27, 2022 at 3:13 am #371219

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .cart-totals-inner .checkout-button:hover {
  color: white;
  background-color: red;
}

    Please set the colors as per your needs.

    Best Regards

    April 28, 2022 at 1:22 pm #371657

    Svyat
    Participant

    I also would like to change the colour of the checkout button on the side card. I have enclosed some screenshots in my lost post. At the moment they are default.

    April 29, 2022 at 3:22 am #371848

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .woocommerce-mini-cart__buttons a:last-child {
    background-color:red;
}

    Best Regards

    • This reply was modified 3 years, 3 months ago by Elise Noromit.
    April 29, 2022 at 12:00 pm #371949

    Svyat
    Participant

    Thank you for the code, it works. However when I hoover over the button the colour changes back to default 🙁
    Can you provide me with a code that keeps the colour the same even if user hoovers overs it?

    Thank you in advance.

    April 30, 2022 at 2:31 am #372112

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .woocommerce-mini-cart__buttons a:last-child:hover {
    background-color:red;
}

    Best Regards

  • Author
    Posts

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)