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
• November 7, 2016 at 9:03 am #300708
  haastee

  Member

  Post count: 47

  Hi,

  I need to change the letter spacing only in the “ADD TO CART” button text (in german it is “IN DEN WARENKORB” which´s lenght causes the whole button to show incorrectly in the mobile mode – how can i do this?

  Thanks and best regards,

  Michael

  November 8, 2016 at 11:22 am #300934
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Can you link me to this page? This should work.

  Please add this to Theme Options => Custom CSS:

  .woocommerce div.product form.cart .button span {
      letter-spacing: -1px;
  }

  November 8, 2016 at 11:54 am #300946
  haastee

  Member

  Post count: 47

  worked well, thanks a lot!

  Michael

  November 8, 2016 at 11:57 am #300949
  haastee

  Member

  Post count: 47

  Another question: how can I remove the add-to-cart-icon from that button in the product details page?

  November 8, 2016 at 12:08 pm #300954
  haastee

  Member

  Post count: 47

  just found it:

  .sf-icon-add-to-cart{
  display:none !important;
  }

  November 8, 2016 at 12:20 pm #300959
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Glad it’s sorted.

  -Rui

  November 14, 2016 at 4:20 pm #301825
  haastee

  Member

  Post count: 47

  but:

  .sf-icon-add-to-cart{
  display:none !important;
  }

  removes not only the icon from the single-product add-to-cart button but also from the product list hover-add-to-cart button (“yith-wcwl…”).
  I just want to remove the icon from the single-product page ATCB – how can I do this?

  Thanks,
  Michael

  November 14, 2016 at 5:25 pm #301839
  David Martin – Support

  Moderator

  Post count: 20834

  The single product page has it’s own class: single-product. So you can use:

  .single-product .sf-icon-add-to-cart {
  display:none !important;
  }

• Back to forum

  Posted in: Atelier