The contact form – how do I add help text?

Home Forums WordPress Themes – Premium Circumference The contact form – how do I add help text?

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #14948
    Millielil
    Member

    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?

    #19577
    Sushil Adhikari
    Moderator

    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"] 
    #19581
    Millielil
    Member

    Yes I used the snippet for this theme.

    Thank you, worked like a charm. 🙂

    #19641
    Louis
    Participant

    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

    #19643
    Sushil Adhikari
    Moderator

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

    #19658
    Louis
    Participant

    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.

    #19659
    Louis
    Participant

    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.

    #19660
    Sushil Adhikari
    Moderator

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

    #19757
    Louis
    Participant

    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.

    #19760
    Sushil Adhikari
    Moderator

    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.

    #19762
    Louis
    Participant

    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 ?

    #19767
    Sushil Adhikari
    Moderator

    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”

    #14949
    Louis
    Participant

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

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.