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: Cardinal
• August 24, 2015 at 7:11 pm #206919
  miguelsoler

  Member

  Post count: 76

  Hi,

  How and where do I change the hoover color and background color for the add to cart button in the product pages?

  I will like to the button was the same that I have preset throughout the web.

  Kind regards

  Miguel Soler

  Add a screenshot

  Attachments:

  You must be logged in to view attached files.
  August 25, 2015 at 8:00 am #207034
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  The add to cart uses your alt bg color for the background and the link text color for the text. You can change these in the color customiser

  – Kyle

  August 25, 2015 at 8:42 am #207045
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me spicific page url with issue.
  Thanks
  Mohammad

  August 25, 2015 at 3:24 pm #207328
  miguelsoler

  Member

  Post count: 76

  Hi Mohammad
  The URL of my shop is this: http://www.dubuloj.com/shop/ and within any products you can find, such as this: http://www.dubuloj.com/shop/menage-a-trois/ruganrozo-menage-a-trois/
  I would like the design was the same as the button “share this”, which is below.

  Thank you!!

  August 25, 2015 at 3:28 pm #207332
  miguelsoler

  Member

  Post count: 76

  Hi Kyle.

  I tried, but after playing all sections of color customiser. I have not managed to change it, which is why I turn to the support.
  Thank you so much.

  The add to cart uses your alt bg color for the background and the link text color for the text. You can change these in the color customiser

  – Kyle

  August 26, 2015 at 12:23 pm #207639
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .single_add_to_cart_button{
  background:#786854 !important;
  color:#fff !important;
  }
  /*hover color*/
  .single_add_to_cart_button:hover{
  background:#ccc !important;
  color:#fff !important;
  }

  Thanks
  Mohammad

  August 26, 2015 at 3:27 pm #207755
  miguelsoler

  Member

  Post count: 76

  Mohammed thank you very much, The solution is good but the hoover does not change color, and i don’t know why.

  August 26, 2015 at 5:10 pm #207819
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please put the code again because i need to check it.
  Thanks
  Mohammad

  August 26, 2015 at 5:25 pm #207822
  miguelsoler

  Member

  Post count: 76

  Sorry Mohammad.
  It is already included in the css

  Thanks
  Miguel

  August 26, 2015 at 5:27 pm #207823
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please always insert custom css code at Admin -> Theme Option -> Custom CSS.
  Thanks
  Mohammad

  August 26, 2015 at 6:11 pm #207846
  miguelsoler

  Member

  Post count: 76

  Hi Mohammad.
  Admin -> Theme Option -> Custom CSS. Yes, That’s where the code is pasted. Any problem?

  Thanks
  Miguel

  Attachments:

  You must be logged in to view attached files.
  August 26, 2015 at 6:19 pm #207850
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Try to place the code at the top of the custom css field, because you could have an error in some of the rules and below an error nothing is executed.

  -Rui

  August 26, 2015 at 6:49 pm #207859
  miguelsoler

  Member

  Post count: 76

  Mohammed It is already placed on the top of the CSS. Sorry, Normally I always put down. I will change the direction of the entries.
  Thanks Miguel.

  August 27, 2015 at 6:41 am #207942
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Now everything seems perfect 🙂 .
  Thanks
  Mohammad

• Back to forum

  Posted in: Cardinal