Using an icon instead of the text of the add to cart button

Hello guys… As seen in the image, I want to change the text inside the add to cart button to the cart icon only on mobile views, without affecting the options button. Do settings provide this or do I need special code?

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL so I can check and give you a possible solution?

Best Regards,

Yes right. Extra information in URI

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.wd-product.wd-hover-fw-button .wd-add-btn-replace .add-to-cart-loop.product_type_simple span {
    display: none !important; 
  }

  .wd-product.wd-hover-fw-button .wd-add-btn-replace .add-to-cart-loop.product_type_simple:before {
    transform: translateY(0) !important; /* show icon */
    opacity: 1 !important;
  }

Best Regards,

Thank you Aizaz Imtiaz Awan.

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts