Support » Plugins and Hacks » [Plugin: Contact Form 7] html or advanced styling in Contact form 7?

  • 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.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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>
    <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>

    Anyone?

    Hi,

    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.

    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.

    Thanks,

    Gary

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Contact Form 7] html or advanced styling in Contact form 7?’ is closed to new replies.