[Plugin: Contact Form 7] html or advanced styling in Contact form 7? (6 posts)

  1. nvr_di
    Posted 7 years ago #

    Can html or another type of styling be used in the form content of Contact form 7?
    I created a form and want some of the form fields and text to be in columns. when I use html to accomplish that it looks fine and the email gets send the I get sent to a 404 page instead of getting the thank you message. If I leave the form default then it works fine so I know its some of the html I am using or something.


  2. nvr_di
    Posted 7 years ago #

    Anyone have any idea what can and cant be used in the form box?

    Heres what I have in mine and it submits and emails just fine but I get a 404 error for the thank you message.

    <table width="496">
    <tr><td><p style="font-size: 14px;"><font color="#FF0000">*</font>First & Last Name: <br />[text name 27/]</p>
    <p style="font-size: 14px;">Address: <br />[text address 27/]</p>
    <p style="font-size: 14px;"><font color="#FF0000">*</font>City: <br />[text city  27/]</p>
    <p style="font-size: 14px;"><font color="#FF0000">*</font>State: <br />[text state  27/]</p>
    <p style="font-size: 14px;">Zipcode: <br />[text zipcode  27/]</p>
    <td><p style="font-size: 14px;"><font color="#FF0000">*</font>Email Address <br />[email* email 27/]</p>
    <p style="font-size: 14px;"><font color="#FF0000">*</font>Phone number: <span style="font-size:12px; color:#666666">(<em>xxx-xxx-xxxx</em>)</span><br />[text phonenumber  27/] </p>
    <p style="font-size: 14px;">Company: <br />[text company  27/]</p>
    <p style="font-size: 14px;">Birthday:  <span style="font-size:12px; color:#666666"><em>Day/Month</em></span><br />[text birthday  27/]</p>
    <p style="font-size: 14px;">Referred By: <br />[text referredby  27/]</p></td></tr></table>
    <p style="font-size: 14px;">Your message to Sigal<br />
        [textarea message 55x10] </p>
    <p>[submit "Send"]</p>
  3. nvr_di
    Posted 7 years ago #


  4. debeloglava
    Posted 7 years ago #


    I know this is a bit late and you may have found a solution to your original problem but you can style the contact form using the plugin settings.

    If you go to your Plugins > Editor page and select Contact Form 7 to edit you should see a file on the right-hand side called "contact-form-7/stylesheet.css" where you can style the different components of the form.

    I'm not sure if your code is the complete code for your form but if it is you're missing a few hidden input values which is probably why you're being redirected to a 404 error page after form submission.

    Hope some of this helps.

  5. ChecMark
    Posted 7 years ago #

    Sorry, cannot find my original post. There are files and JPG files of various custom CSS in the file called /styling, but I cannot find any info on how I change the default style. ???

    Appreciate any help.



  6. Dave333
    Posted 7 years ago #

    Perhaps your style is being set on the page that you have implemented the form?

    I realised that on one of the pages I had put my Contact form I had *code* tags around my [contact form] code.

    I don't remember putting those tags around the form but that was screwing up my form's style.

Topic Closed

This topic has been closed to new replies.

About this Topic