Support » Plugin: WooCommerce » Change colors on cart page

  • Resolved Esther

    (@culturele_agenda)


    How can I change colors on this cart page: https://snipboard.io/OnsWkA.jpg
    I want to change the yellow bar and the green button. The hover color of this button is not correct so you can’t read the text.

    Hope someone can help me.

    • This topic was modified 1 month, 3 weeks ago by Esther.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Senff – a11n

    (@senff)

    Hey @culturele_agenda

    Can you share a link to your site please? That way, we can check the underlying source code and help you with some code to change the colors.

    Thanks!

    Thread Starter Esther

    (@culturele_agenda)

    My shop is not online yet but I put the shopping cart temporarily online: https://www.museumstaal.nl/winkel/winkelmand/

    Thread Starter Esther

    (@culturele_agenda)

    @senff I shared the link. Have you already had the opportunity to check the code?

    Plugin Support Senff – a11n

    (@senff)

    Hey @culturele_agenda

    You can do this with a little bit of custom CSS code.

    Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:

    .woocommerce-cart table.shop_table.cart thead {
      background: red;
    }
    
    .woocommerce-cart #primary .wc-proceed-to-checkout a.checkout-button {
      background-color: blue;
    }

    You should see the changes right away, but this is just a preview for you, so you can experiment a little if you like.
    Once you’re happy with it, select “Save Changes” from the top, and your changes will be applied to your site.

    Thread Starter Esther

    (@culturele_agenda)

    It works, thank you very much!

    Plugin Support abwaita

    (@abwaita)

    Glad to hear it – thanks for letting us know!

    I’ll mark this thread as resolved now. If you have any further questions, feel free to open a new topic.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.