Checkout Page Colors

  • Resolved carena

    (@carena)


    6 years, 6 months ago

    Hello,

    How do I change the colors to “Apply Coupon” “Update Cart” and “Proceed to Checkout” on my Checkout/Cart Page? https://mexicanappetizersandmore.com/cart/

    Also how can I change the words “SELECT OPTIONS” underneath each individual product on my products page? https://mexicanappetizersandmore.com/shop/

    Lastly is there a way to make the products look “even” on this page, in other words look nicer and balanced instead of uneven? Sort of like a grid?

    Thank you in advance for any and all help.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    6 years, 6 months ago

    Hi @carena!

    How do I change the colors to “Apply Coupon” “Update Cart” and “Proceed to Checkout” on my Checkout/Cart Page?

    For the “Apply coupon” and “Update cart” buttons you can use the following CSS:

    .woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;
    color: red;
    background-color: pink;
}

    Remember to change the “color” and “background-color” to what you would like. You can find some hexadecimal color codes here:

    https://htmlcolorcodes.com/

    As for the “Proceed to checkout” button, use the following CSS: 

    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    color: yellow;
    background-color:pink;
}

    “color” will change the text and “background-color” will change the background.

    Also how can I change the words “SELECT OPTIONS” underneath each individual product on my products page?

    You can use a free plugin like https://wordpress.org/plugins/loco-translate/ to do that. Here’s a video about it that outlines how it is used: https://www.youtube.com/watch?v=ZUPhsoUm-QE

    Cheers!

    Thread Starter carena

    (@carena)

    6 years, 6 months ago

    Thank you soooo much Rynald0s!!! You are super helpful, grateful for all your help!!!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Checkout Page Colors’ is closed to new replies.