How to change icon on variable product 'add to cart' button

[johnsonmm]

I am trying to change the ‘check-mark’ icon on the add to cart button for a variable in WooCommerce and wondered if there was some basic CSS or even code that I can add in my style.css child theme?

See screen shot-- Just needing to change it from the checkmark to an arrow pointing right

Secondly, how can I remove the border around the button?

Thank you so much for your help

[ruenel]

Hello @johnsonmm,

Thank you for the very detailed post information.

To change the icon in the “View Product” in the variable product items, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.woocommerce .button.product_type_variable:before {
    content: "\f002";
}

You can fond the content value or unicode of the icon from here: https://fontawesome.com/icons