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: Joyn
• February 24, 2015 at 1:37 pm #152752
  Adora

  Member

  Post count: 22

  Hi,

  I would like to set the colours (background, as well as icon) of the shop’s add to cart, wishlist and quickview buttons.

  Where in the customiser should I edit to change these colours? If they can be changed in the customiser, I’d prefer it over using custom css.

  Thanks!

  Attachments:

  You must be logged in to view attached files.
  February 25, 2015 at 8:48 am #152963
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  Can you pass me your website credentials too ( in a private reply ) so that I can check which shop style you and will give you the Custom CSS according to it.

  Let us know,

  Thanks,
  laranz.

  February 25, 2015 at 9:11 am #152971
  Adora

  Member

  Post count: 22

  This reply has been marked as private.
  February 25, 2015 at 9:29 am #152979
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .shop-actions a > i.ss-star{
  color:#000 !important;
  }
  
  .product .cart-overlay .shop-actions {
      background: none repeat scroll 0 0 #ff0000 !important;
  }

  Thanks
  Mohammad

  February 25, 2015 at 9:51 am #152985
  Adora

  Member

  Post count: 22

  Hi Mohammad,

  thanks for this, it works. Just 2 more bits if you will.

  1. custom css for when I hover over add to cart
  2. Wish-list isn’t working (attachment) like the others

  Appreciate your help.

  Attachments:

  You must be logged in to view attached files.
  February 25, 2015 at 10:36 am #153010
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please add this custom css code aslo:-

  .product-type-standard .product figure .cart-overlay .yith-wcwl-add-to-wishlist a {
      background: none repeat scroll 0 0 #ff0000 !important;
      border-radius: 0 !important;
      color: #000000 !important;
  }
   div.cart-overlay div.shop-actions a:hover i{
  color:#ff0000 !important;
  }

  Thanks

• Back to forum

  Posted in: Joyn