WooCommerce Colors

  • Author
    Posts
  • #154433

    Is there a way to change the color of the “Add to Cart” buttons and prices (currently bright green) to better match my site colors? For example the only product I have set up so far is https://luxxium.net/product/amber-vitamin-c-collection-set/

    The blog I need help with is: (visible only to logged in users)

    #154466
    emilysuesrq
    Theme Author

    Yes, it is possible with CSS. Please use the following CSS to change the (currently green) price button:

    .single-product div.product .summary .price {
      background-color: #fff;
    }

    To change the Add To Cart button:

    .cart .button {
        background-color: #fff;
    }

    I hope that helps!

    Emily

    #154481
    baramphotography
    Member
    Original poster

    Worked like a charm! One last thing.. how would I change the color for the box that pops up after you add an item to the cart? It is also green.

    #154577
    emilysuesrq
    Theme Author

    Great! Glad that helped. You may use the following CSS to change the color of this message:

    .woocommerce-message {
      background-color: #fff;
    }

    Copy and paste this into the Additional CSS section of your customizer, and substitute your desired color.

  • The topic ‘WooCommerce Colors’ is closed to new replies.