add an arrow to submit button

In this way you can add an icon to any button even using divi

wpcf7-submit::before {
    content: "\f1d8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
 }

hope it helps

Hello, it doesn’t work. An empty rectangle appears, the arrow does not appear!

you may want to replace the

content: "\f1d8";

with an icon from your iconset (afaik Divi normally use Font Awesome 5 Free as iconset but you may have choose another).

anyway since it’s a divi related question and divi is a paid theme you must ask to the authors and not here, I think it is not very fair right?

Hello, Is it possible to insert the arrow by code in the contact form 7 for example ‘? where do you build the form in the plugin module?

now the submit button looks like this:
[submit “Invia”]

thank you very much for your help!

you can style button with:

– css (placing pseudo objects inside the button like “.wpcf7-submit:before”)

– using htmlentities like “Invia &#xf15e” and using the icon font

depends on your needs and what you want to do!

it works if I use this htmlentities [submit “Invia →”]

but if i try to insert the code of the theme arrow he doesn’t read it;
this is the code that I would like to use [submit “Invia &#x24”]

• This reply was modified 3 years, 10 months ago by valeriascocco.

you can refer to https://fontawesome.com/v5/cheatsheet

after choosing the icon you like take note of the code on the cheatsheet (i.e. f15e). build the htmlentity like “&#x” + “f15e” + “;” (the code you read on the cheatsheet)

the button will look like [submit “Invia”]
with the icon as first element

then use font-family: "Font Awesome 5 Free" when styling your button like

p::first-letter {font-family: "Font Awesome 5 Free";float:right}

https://codepen.io/erikyo/pen/rNyzdLx