Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 9, 2017 at 1:11 am #805796
    djsnowamn

    Hi team!

    I would like to change the “Apply coupon” button color to grey, and the “Place order” button to green on the WooCommerce checkout page.

    What is the CSS code to change those colors?

    Many thanks!

    June 9, 2017 at 1:22 am #805799
    Jordan Shannon

    Hey djsnowamn,

    Please provide a link to the site in question so we can look into this further.

    Best regards,
    Jordan Shannon

    June 9, 2017 at 1:59 am #805812
    djsnowamn

    Sorry my site is in local development right now so I don’t have an URL to show you.

    But basically, I managed to changed the “Proceed to Checkout” button in the Cart page using the CSS below:
    .cart_totals .button { background-color: #228f21!important;}

    And the “Apply Coupon” button in the cart page:
    .cart .actions .button { background: gray !important; }

    I just want to do the same in the Checkout page. Not sure what the correct CSS classes are to do that in the Checkout page.

    June 9, 2017 at 2:18 am #805816
    Jordan Shannon

    Hi,

    Are you able to do a page inspection? You can inspect the buttons to get the exact class name needed and attach the checkout page id to that if these colors will be on that page specifically.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.