Contact form

[Kyle – SUPPORT]

Check now, the issue was you used ‘your-name’, ‘your-email’ etc for the field names instead o just ‘name’, ’email’

– Kyle

[coucou81]

Ok yes indeed, i see 3 icons appearing 🙂 So how do i know:
1. which name to use in order to get an icon?
2. which icons have been set…?

[Kyle – SUPPORT]

Currently only name email subject and message have an icon set in the custom css

– Kyle

[coucou81]

Ok thank you for helping me to get those icons in there. If there is any custom css i can put in in order to choose other icons for other fields i would be very happy cause i need telephone too :-).

[Kyle – SUPPORT]

You will need this css:

span.wpcf7-form-control-wrap.name:before {
    content: "\e94a";
    font-family: 'nucleo-interface';
    position: absolute;
    top: 10px;
    left: 15px;
}

You will need to change the content code which you can find in the nucleo documentation

– Kyle

[Kyle – SUPPORT]

And you will also need to change .name for .telephone

– Kyle

[coucou81]

That I figured 😉

I have put it in. It works. Just need to add my text padding in there too, cause it goes over the icon. Right?

[Kyle – SUPPORT]

Ahh yes, add:

span.wpcf7-form-control-wrap.telephone input[type="text"] {
    padding-left: 40px;
}

– Kyle

[coucou81]

YES! perfect 🙂

Thank you!

[Kyle – SUPPORT]

No problem

– Kyle

[erikbalster]

Hi Guys,

i had the same problem and fixed most of it by now. I only need the ”content” part of the css to show the telephone icon. Can you provide me the content code?

kind regards,

Erik

[Kyle – SUPPORT]

Here:

span.wpcf7-form-control-wrap.name:before {
    content: "\e94a";
    font-family: 'nucleo-interface';
    position: absolute;
    top: 10px;
    left: 15px;
}

– Kyle

[erikbalster]

i allready used this css. But i mean the specific content code for the telephone icon. I don’t know where to find that code.

[Kyle – SUPPORT]

The content codes are here: http://uplift.swiftideas.com/nucleo-reference/main/demo.html

– Kyle

[erikbalster]

thank you very much