Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 23, 2013 at 1:28 pm #179653
    Semel

    Hi.

    I installed Contact Form 7 but it looks different. I would like it to look like the contact form shortcode in your theme. Is it possible?

    October 23, 2013 at 5:14 pm #179798
    Ismael

    Hi Semel!

    It looks exactly the same. You just need to enclose the text on a label tag. Edit the Contact 7’s example form and replace it with:

    <p><label>Your Name (required)</label><br />
    [text* your-name] </p>

<p><label>Your Email (required)</label><br />
    [email* your-email] </p>

<p><label>Subject</label><br />
    [text your-subject] </p>

<p><label>Your Message</label><br />
    [textarea your-message] </p>

<p><label>[submit "Send"]</label></p>

    Cheers!
    Ismael

    October 23, 2013 at 9:10 pm #179937
    Semel
    This reply has been marked as private.
    October 24, 2013 at 4:28 am #180059
    Ismael

    Hey!

    Please remove the line break tag.

    <p><label>Your Name (required)</label>
    [text* your-name] </p>

<p><label>Your Email (required)</label>
    [email* your-email] </p>

<p><label>Subject</label>
    [text your-subject] </p>

<p><label>Your Message</label>
    [textarea your-message] </p>

<p><label>[submit "Send"]</label></p>

    Regards,
    Ismael

    October 24, 2013 at 1:34 pm #180222
    Semel

    Hi again.

    I tried doing it but it’s still no difference. I want the textareas to be the same size on WIP as on Kontakt.

    October 27, 2013 at 5:11 am #181144
    Josue

    Hey!

    Add this code to the Quick CSS:

    .wpcf7{
width: 73.5%;
}
.wpcf7 input[type='text'], .wpcf7 textarea, .wpcf7 input[type='email'] {
width: 100% !important;
}

    Cheers!
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Contact Form 7’ is closed to new replies.