[Plugin: Contact Form 7] Label

  • ntrantham

    (@ntrantham)


    15 years ago

    Ok…

    After playing around with Contact Form, I have been able to figure out a few things, like centering the form, changing the theme for wp-recaptcha, but for the life of me I can not figure out how to make it use my theme’s labels.

    My comment form has nice labels that make the Field Names (Like ‘Name’ and ‘E-Mail’) look nice, and pop out.

    I can’t figure out how to add these labels to the Contact Form 7 formatting.

    I am using the Suffusion theme.

    Any help would be greatly appreciated.

    Thanks.

    https://www.ads-software.com/extend/plugins/contact-form-7/

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

  • Yes, I would also like to know how to add a label and class to my individual fields in contact form 7.

    I found this in the FAQs:
    [captchac your-captcha]
    <label>Enter the code: [captchar your-captcha]</label>

    so I tried to apply like this:
    [text* your-name]
    <label class=”overlabel” for=”your-name”>Your Name[text* your-name]</label>

    But it doesnt work.

    Anyone had to add a label with a class before to text fields?
    Many thanks.

    @dems

    Here is the way to write it:
    <p><label class=”overlabel” for=”your-name”>Your Name</label>
    [text* your-name]</p>

    You should know that the plugin generates line break
    automaticaly after labels.
    I’m currently trying to figure out how to keep the labels inline with the input fields,
    so if you have an idea, I’m looking forward to hear about it.

    Try removing the break between the label and the “[text...” bit.

    <label class="overlabel" for="your-name">Your Name</label>[text* your-name]

    instead of

    <p><label class="overlabel" for="your-name">Your Name</label>
[text* your-name]</p>
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Contact Form 7] Label’ is closed to new replies.