Contact Form 7 issues

  • Hi,

    I’m trying to use the Contact Form 7 plugin, and I’ve got everything perfect apart from 2 things.

    1. Drop down menu placement. For some reason, this sitting to the right of the page heading, and not below. How do I get it to sit below?

    This is the link to page https://dev.visualcontinuity.co.uk/zukuri/?page_id=50

    2. Contact From drop down menu.

    I’ve tried to follow the instructions, https://contactform7.com/blog/2009/11/20/checkboxes-radio-buttons-and-menus/ but when I send a test email, there is no indication of the drop down field being selected. This is what I have used in the code:

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

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

<p>Sector(required)<br />
[select* Sector include_blank "Personal" "Business"]</p>

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

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

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

    Any help would be greatly appreciated. Many thanks in advance!

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

  • Here are some answers to your questions.

    1. The reason the menu itself is sitting to the right is because the CSS element .article has the property padding-left set to 160px. You will see in this screenshot that by removing the padding-left property the div containing the contact form is positioned to the left.

    2. The most common reason why the response e-mail would not show the input of a field is because the short-code which corresponds to that field is absent in the message body. Check out this screenshot to see what I mean by message body. Based on your form, your message body should look something like this:

    Name: [your-name]
E-mail: [your-email]
Sector: [Sector]
Subject: [your-subject]
Message: [your-message]

    I hope this is helpful.

    Ryan Burnette of TechStudio, a web design, WordPress development and SEO firm current based in Jacksonville, FL.

    Thread Starter dadsidea

    (@dadsidea)

    Ryan, you’re a star!

    Thanks very much! I’ve got the contact form submission details sorted now.

    As for the .article in the CSS. I removed the padding, but the name field was still not moving down, so I’ve now got 

    .page .article {
	padding-top:70px;

}

    Looks good to me!

    Thanks again!

    To make the name field move down, just add this property to the styling of the h1.

    clear:both;,

    This is the article that helped me learn the basics of CSS positioning.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Contact Form 7 issues’ is closed to new replies.