Hi Adam,

Thank you for contacting WPClever Support Forum. 

We’ve received your ticket and assigned one of our developers to help you with that. 

He’ll be looking into your question and responding with specific instructions as soon as possible. 

Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

Best regards.

Hi Adam,

Please send me this product link with your image attachment then I can check the structure first then I'll provide the exact snippet.

Regards,

Hi Adam,

First, you need to add icons library to your theme, in my example, I use Fontawesome.

function custom_scripts() {
  wp_enqueue_script( 'fontawesome', 'https://kit.fontawesome.com/54ed714a8b.js', array(), 'latest', false );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts', 15 );

Then, please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

.product .woosc-btn, .product .woosq-btn, .product .woosw-btn {
     font-size: 0;
     background-color: transparent;
}
 .product .woosc-btn:before {
     content: '\f074';
     font-size: 20px;
     font-family: 'Font Awesome 5 Pro';
}
 .product .woosq-btn:before {
     content: '\f002';
     font-size: 20px;
     font-family: 'Font Awesome 5 Pro';
}
 .product .woosw-btn:before {
     content: '\f004';
     font-size: 20px;
     font-family: 'Font Awesome 5 Pro';
}

If you do not do it success, please send me WP-admin information then I do it for you.

Regards,

Hi Adam,

No problem, I'm glad that it was solved

Can yYou use custom CSS below?

.button.add_to_cart_button {
  width: 100%;
  text-align: center;
}

Have a nice day and best regards.