Replace submit button text with Font Awesome icon

  • kasnyder

    (@kasnyder)


    10 years, 9 months ago

    Does anyone know if it is possible to replace the text on the submit button with a Font Awesome icon? I’ve tried inserting the following font awesome code:
    <i class=”fa fa-mail-forward”></i>

    into the submit tag in the Edit Contact Form screen as follows:

    [submit <i class=”fa fa-mail-forward”></i> “”]
    [submit “<i class=”fa fa-mail-forward”></i>”]
    [submit <i class=”fa fa-mail-forward”></i>]

    …but nothing works.

    I’ve also figured out how to perform some basic styling of the form (colors, fonts, positioning, etc.) using CSS, but can’t figure out how to replace the text with the icon. My skill level in CSS and HTML in “beginner”.

    What am I doing wrong?

    Thanks!

    https://ww.wp.xz.cn/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)
  • davmerit

    (@davmerit)

    10 years, 9 months ago

    This repo could be of help

    Thread Starter kasnyder

    (@kasnyder)

    10 years, 9 months ago

    Thanks for your reply, davmerit.

    I’m afraid I don’t know enough (php?, html?) to understand what to do with this. Is there a simple explanation? How do I implement it?

    Sorry for my ignorance.

    davmerit

    (@davmerit)

    10 years, 9 months ago

    My skill level in CSS and HTML in “beginner”

    Sorry that escaped me​​ but this is not available directly in Contact Form 7. It can be done via custom programing but you would need to be rather skilled at WordPress development using PHP and/or jQuery.​

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Replace submit button text with Font Awesome icon’ is closed to new replies.

Tags