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: Atelier
• June 16, 2016 at 2:15 am #275065
  danielgandolfi

  Member

  Post count: 4

  hi there

  as you can see on sapatosconfortaveis.com.br, i have a shoes stores. my problem is:

  while visitor do not select the size of the shoes, the add to cart is WHITE, like its not there! i need to change the background and text color of it asap. i need it to be very visible even when the visitor do not select a size of the shoes.

  can you help me?

  i already searched here and tryed the code below without results.

  .woocommerce .single .add_to_cart_button {
  color: #FC0C43;
  border-color: #3E4247;
  background: #FC0C43;
  }

  June 16, 2016 at 7:13 am #275083
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to Theme Options > Custom CSS:

  .woocommerce a.button.alt.disabled, .woocommerce button.button.alt.disabled, .woocommerce input.button.alt.disabled, .woocommerce #respond input#submit.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce button.button.alt:disabled, .woocommerce input.button.alt:disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce a.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt[disabled]:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled:hover {
    color: #111111!important;
  }

  – Kyle

• Back to forum

  Posted in: Atelier