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: Neighborhood
• February 19, 2015 at 4:54 pm #151704
  sukiya

  Member

  Post count: 218

  hi everybody,

  this question concerns the colors of the shopping button “Add to shopping bag”.

  if I have a single product (which means I can’t select any product choices) the button appears in a different color then the same button from another product where I can make some choices.

  so I don’t know if this is a woocommerce problem, because it appeared since I updated the new woocommerce plugin.

  please see the images attached.

  thank you so much!

  best wishes,
  Lisa

  Attachments:

  You must be logged in to view attached files.
  February 19, 2015 at 5:39 pm #151731
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-
  .single_add_to cart_button:hover{background:#9C6391 !important;}
  Thanks
  Mohammad

  February 19, 2015 at 5:48 pm #151738
  sukiya

  Member

  Post count: 218

  hi Mohammad,

  thanks for your reply.

  unfortunately this is not working.

  its not only the hover color which is different. is also the first color.
  see the images attached.

  best wishes,
  Lisa

  Attachments:

  You must be logged in to view attached files.
  February 19, 2015 at 6:01 pm #151744
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce form.cart button.single_add_to_cart_button, .woocommerce p.cart a.single_add_to_cart_button, ul.products li.product a.quick-view-button{
  color:#fff !important;
  }

  Thanks
  Mohammad

  February 19, 2015 at 6:09 pm #151747
  sukiya

  Member

  Post count: 218

  Hi Mohammad,

  I am sorry but this is not changing.

  best wishes,
  Lisa

  February 20, 2015 at 7:31 am #151860
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  What color do you want to change? Button text color or background text color on hover the pointer? Please clear your issue.
  Thanks
  Mohammad

  February 20, 2015 at 9:41 am #151890
  sukiya

  Member

  Post count: 218

  Hi Mohammad,

  this issue occurs only since I installed the new update of woocommerce.
  since then its possible to make color changes in the Design field of the theme (attachment: sukiya_product with choices_3). but this is working only for products with choices and not for single products.
  and its only possible to change the hover over color and the text color.
  I don’t know where to change the background button color (black) – (attachment: sukiya_product with choices_1)

  in this field I can change the colors colors of a the single product button.
  this is clear for me.

  so I want to have the same colors for all kind of products.

  the problem is also that those buttons work different.

  1.) a product with choices button works like so:
  background color, text color, background color changes by hovering over

  2.) a single product works like so:
  background color, text color, text color changes by hovering over

  maybe this is a woocommerce plugin issue?

  what do you think?

  best wishes,
  Lisa

  Attachments:

  You must be logged in to view attached files.
  February 23, 2015 at 11:58 am #152399
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me single and variable product page urls. So i can compare and resolve. Where did you insert custom css code?
  Thanks
  Mohammad

  February 25, 2015 at 4:58 pm #153156
  sukiya

  Member

  Post count: 218

  This reply has been marked as private.
  February 25, 2015 at 4:59 pm #153161
  sukiya

  Member

  Post count: 218

  This reply has been marked as private.
  March 2, 2015 at 10:34 pm #154526
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  Ignore the WooCommerce options. This is fixed for the next update, css is as follows:

  .woocommerce div.product form.cart .button.add_to_cart_button {
  background: #8b7f79!important;
  color: #ffffff!important;
  }
  .woocommerce div.product form.cart .button.add_to_cart_button:hover {
  background: #8b7f79!important;
  color: #d6d6d6!important;
  }

  – Ed

  March 5, 2015 at 10:36 am #155249
  sukiya

  Member

  Post count: 218

  Hi Ed,

  thanks a lot!

  This is working!

  best wishes,
  Lisa

  March 5, 2015 at 10:43 am #155252
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem, thanks Ed

  March 5, 2015 at 4:33 pm #155372
  sukiya

  Member

  Post count: 218

  Hi Ed,

  anyway there is another issue since I work with this woocommerce color option.

  the color of the product prices and the color of the sale flashes belong to each other.

  but I want to have here different colors. (see the attachment)
  like in the neighborhood demo.

  is this possible?

  thanks and best wishes,
  Lisa

  Attachments:

  You must be logged in to view attached files.
  March 9, 2015 at 2:38 pm #156003
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  To change the Sale colors try the css below.
  Adjust the colors to your desired ones(backgroung and text color)

  
  .woocommerce span.onsale {
  background-color: #CCC!important;
  color: #FFF!important;
  }

  -Rui

• Back to forum

  Posted in: Neighborhood