WordPress.org

1. nvr_di
   Member
   Posted 5 months 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.

   Thanks!

2. nvr_di
   Member
   Posted 5 months 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>
   <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
   Member
   Posted 5 months ago #

   Anyone?

4. debeloglava
   Member
   Posted 5 months ago #

   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.

5. ChecMark
   Member
   Posted 4 months 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.

   Thanks,

   Gary

6. Dave333
   Member
   Posted 4 months 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.

Reply

You must log in to post.