How too add an icon in front of the labels of YOUR generated form + use of CFDB?

  • Resolved LinkAdvisor

    (@linkadvisor)


    6 years, 11 months ago

    Hi, your plugin and generated form works great and communication with MailChimp seems be perfect.

    However, I like to redesign your forms fields and also add my CFDB plugin.

    Where can I do that?

    Or should I use only CF7, with a setup like below (which does work):

    <div>
    <p><label for=”full_name”><span class=”fa fa-user”></span> Full name:<span style=”color: red; font-weight:bold;”> *</span></label>[text* full_name your-full_name placeholder “Enter Full Name”]</p><br />
    </div>

    Alternatively, what must I add to all my CF7 fields so they are compatiple with your plugin?

    Thanks

    — Rainer

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi Rainer,

    The best way to add font awesome icons is by using CSS pseudo elements. Are you familiar with the technique I am referring to?

    Here is an example:

    span.FNAME-label:before {
	content: "\f09b";
	font-family: FontAwesome; 
}

    You can also use CF7 with our plugin by using the built-in integrations. There are more instructions on that process here: https://yikesplugins.com/support/knowledge-base/contact-form-7-integration/.

    Hope that helps!

    Cheers,
    Kevin.

    Thread Starter LinkAdvisor

    (@linkadvisor)

    Hi Kevin,

    Thanks for the tip. Not very familar with CSS pseudo elements, but I will find it out. You gave me a good sample.

    I do have some integration problems with MailChimp, but I will test a little bit more before I ask for help.

    Again thanks

    — Rainer

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How too add an icon in front of the labels of YOUR generated form + use of CFDB?’ is closed to new replies.

Tags