ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Uplift
• July 12, 2016 at 10:12 am #280670
  nosuchagency

  Member

  Post count: 226

  Hi guys.

  How do I change the colors on the “add to cart” button in my shop?
  Screenshot attached.

  Thanks.

  SorenJ.

  Attachments:

  You must be logged in to view attached files.
  July 12, 2016 at 10:56 am #280696
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce div.product form.cart .single_add_to_cart_button {
     background: #000 !important;
  }

  Thanks
  Mohammad

  July 12, 2016 at 11:43 am #280723
  nosuchagency

  Member

  Post count: 226

  Hi Mohammad.

  Thank you, but there’s a little more to it…

  The button has color A, when fields are not chosen (and cannot be clicked).
  The button has color B, when fields are chosen (and can now be clicked).
  The button has color C, when hovering.

  How to change all of these 3 colors??

  Thank you.

  Soren.

  July 12, 2016 at 12:35 pm #280730
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce div.product form.cart .single_add_to_cart_button.disabled {
     background: #000 !important;
  }
  
  .woocommerce div.product form.cart .single_add_to_cart_button:hover{
     background: #000 !important;
  }
  
  

  Thanks
  Mohammad

  July 12, 2016 at 2:58 pm #280768
  nosuchagency

  Member

  Post count: 226

  Great!

  Thanks, you can close this ticket 🙂

  July 12, 2016 at 3:08 pm #280769
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome.
  Thanks
  Mohammad

• Back to forum

  Posted in: Uplift