July 10, 2021 at 9:02 pm
#1309508
Hi,
Thank you for your patience and the explanation, I tried to recreate this on a test page but since I didn’t have access to the custom Fontello font you are using I used the arrow icon in the theme
Please note that while on mouse-over the charcode says \ue88d, in the css you will actually use \e88d droping the u.
You will add the following code instead of [submit] in Contact Form 7:
<!--add the following instead of [submit] in Contact Form 7-->
<button type="submit" class="wpcf7-submit">Submit<span class='cf7icon'></span></button>
<img class="ajax-loader" src="/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Sending ..." style="visibility: hidden; opacity: 1;">
and then add this css for the icon:
.cf7icon:after {
content: " \e88d";
font-family: entypo-fontello;
color: #fff;
}
you will want to adjust to suit for your icon, this was the result:
Another option might be to use the Unicode character →
in your submit button:
it won’t be your custom font, but it will be an arrow:
Best regards,
Mike