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
• May 30, 2014 at 6:11 am #78882
  tonywong

  Member

  Post count: 80

  Hi, i need 2 things. one to change the colour of the wishlist’s background colour, currently purple. Also, when i hover over the product image, the wishlist icon & background colour is not full padded. please see attached.

  May 30, 2014 at 8:08 am #78918
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  You seem to have lost some of the themes styling, please can I see your link to check?

  – Kyle

  May 30, 2014 at 8:10 am #78920
  tonywong

  Member

  Post count: 80

  http://honk.sg/product/robert-glasper-experiment-black-radio-2/

  i have fixed the padding with custom css. just to change the colour

  May 30, 2014 at 8:18 am #78928
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  .add_to_wishlist:hover {
    background: #444444!important;
  }

  – Kyle

  May 30, 2014 at 8:27 am #78935
  tonywong

  Member

  Post count: 80

  thanks. but how can i change the default purple colour to brown?

  May 30, 2014 at 8:29 am #78937
  tonywong

  Member

  Post count: 80

  for the listing page. i mean.

  May 30, 2014 at 8:48 am #78942
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this:

  .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt {
    background: transparent;
  }

  – Kyle

  May 30, 2014 at 9:25 am #78959
  tonywong

  Member

  Post count: 80

  hi, still having problem with padding on two area. the listing & the product page. please see attached.

  May 30, 2014 at 9:31 am #78965
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this:

  .woocommerce form.cart .yith-wcwl-add-to-wishlist a {
    padding: 13px 13px;
  }

  – Kyle

  May 31, 2014 at 4:34 am #79194
  tonywong

  Member

  Post count: 80

  tested it on mobile and padding still not perfect. see attached for mobile shot.

  this are the custom css in action

  li.product figcaption .shop-actions {
  min-height: 33px;
  }

  li.product figcaption .shop-actions > a {
  padding: 7px 14px;
  }
  .add_to_wishlist:hover {
  background: #444444!important;
  }
  .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt {
  background: transparent;
  }
  .woocommerce form.cart .yith-wcwl-add-to-wishlist a {
  padding: 9.2px 9.2px;

  June 1, 2014 at 6:09 pm #79360
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @tonywong,

  You shouldn’t need any of this CSS. What version of the theme/WooCommerce are you using?

  – Ed

  June 2, 2014 at 2:17 am #79404
  tonywong

  Member

  Post count: 80

  theme is 1.7.3 & woocommerce is 2.1.9

  June 2, 2014 at 10:41 am #79498
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  @tonywong – very odd. I think it must be something to do with your minification. Can you please try commenting out the custom css you’ve been given, and disabling that to see if it shows correctly?

  – Ed

  June 2, 2014 at 11:20 am #79510
  tonywong

  Member

  Post count: 80

  hi, i have removed this css:

  li.product figcaption .shop-actions > a {
  padding: 7px 14px;
  }

  =>>>>> the outcome is the first attachment

  remove css:
  .add_to_wishlist:hover {
  background: #444444!important;
  }
  .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt {
  background: transparent;
  }

  >>>>outcome is 2nd attachment

  June 3, 2014 at 3:26 pm #79881
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Sorry it took a while to get back to you, this code should be all you need:

  .yith-wcwl-add-to-wishlist a.add_to_wishlist {
  line-height: 22px;
  }

  Let me know.

  – Ed

• Back to forum

  Posted in: Neighborhood