I am trying to target a specific area on my checkout page but in a clean method say like ovveride the theme in the function file OR append a string, or change the innerHTML of a div/label.

Bascically I am trying to add in some custom card icons after a class called payment_method_sagepaydirect which can be seen here:


I have tried using JQuery to no avail like so:

$('.payment_method_sagepaydirect').innerHTML += '<bR>test';

$( '.payment_method_sagepaydirect' ).insertAfter( "<p>test</p>" );

I am really struggling, please help :)

Read more here: Add in custom Credit Card icons to woocommerce


If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Wordpress related questions and answers: