The contact form – how do I add help text?

[Millielil]

I added the contact form 7 to my website.

But how do I add the help text that is displayed on the demo site for Circumference?

On the demo site the first box fx says NAME and when you write it goes away. How do I do this?

[Sushil Adhikari]

With the form, did you use the form code snippet that comes in the download package for this theme? But, to add a placeholder, you can add this to any field:

placeholder "Name"

Example with a text field for Name:

 [text* text-300 class:form-control placeholder "Name"] 

[Millielil]

Yes I used the snippet for this theme.

Thank you, worked like a charm. 🙂

[Louis]

Hi friend, I am now using your marvelous theme and very happy for your design.
Facing same problem, trying to use your contact form, but following shows, what’s the reason ?
Thank you

[Sushil Adhikari]

@Louis…..”following shows” ? You will need to be a bit more specific 🙂

[Louis]

Thanks for fast return.
I try to upload the attachment,but looks not works.

Anyway, my problem is, following the icon, if same as your demo web, I will have “Name” word there,
but what I have now is just [text* text-300 class:form-control placeholder “Name”] after the icon.
My website is http://www.wsw-china.com
if you click on the contact page you will understand my meaning, thank you so much.

[Louis]

Hi, I just came across the other video touturial, Celestial Reloaded Setup Contact Form and I totally understand now.
Beatiful contact form, thank you so much for your prompt help.

I suggest you can summarize the common videos from each theme, they can help me and other similar guys very much.

[Sushil Adhikari]

That is a good idea and was thinking that just a while ago, having common videos that relate to all themes.

[Louis]

Hi Friend, I have my contact form created in this page
http://www.wsw-china.com/contact/

and have set preload option, when I click on the field, the preload name does not disappear,
what’s the reason, any solution to improve ?

I have tried to google some answers but not works till now. Thank you.

[Sushil Adhikari]

Change the value of the input field to be placeholder instead. So replace

value="Your Name" 

with…

placeholder="Your Name"

As the person starts to type, it disappears.

[Louis]

Thank you friend, I check the code and my contact form just have following,

[text* Name class:form-control placeholder=”Your Name”]

[text* Company class:form-control placeholder=”Company”]

…..

So placeholder already there but not works still.
Some people say the placeholder function works with only newest explorer, is this the problem ?

[Sushil Adhikari]

That code you posted here should not be the code you use in the form, but for the placeholder, I noticed your contact form on your site still has the value showing. In your contact form 7, the form code for the input fields for example should look something like this:

[text* text-300 class:form-control placeholder "Name"]

That does the form field for the “Name”

[Louis]

I remove “=”,and the Magic happens, thank you so much.

[Author]

Posts