Hello,
Is there an easy way to change Labels / Placeholder text on contact forms?
I have been hearing complaints from some clients that since the 'name' field just says 'name', many, many people are only putting in their first name and omitting their last names. I want to be able to change 'name' to say 'First and Last Name'.
let me know how this can be done, thank you.
Change Labels / Placeholder text in forms
- Agalassi1792
- AllPro Expert
- Posts: 510
- meble kuchenne Mikołów Knurów Czechowice-Dziedzice
- Joined: Tue Nov 18, 2014 12:42 pm
- Website: apwt.bluezenith.com
- NoahBaldwin
- Support Team
- Posts: 117
- Joined: Fri Jan 04, 2019 11:21 am
- Website: www.allprowebtools.com
Re: Change Labels / Placeholder text in forms
Your question previously was answered here: viewtopic.php?f=1&t=4075&p=8736&hilit=visibility#p8736
The method in this case would be identical, you simply need to change the class name that is being referenced.
The method in this case would be identical, you simply need to change the class name that is being referenced.
- Agalassi1792
- AllPro Expert
- Posts: 510
- Joined: Tue Nov 18, 2014 12:42 pm
- Website: apwt.bluezenith.com
Re: Change Labels / Placeholder text in forms
Hi Noah,
Thank you for your reply.
I have been attempting this, but to no avail. I know you are not CSS experts, but can you guide me to the correct classes/id's to use? this is what I have been trying, in terms of the classes:
.form-control.leadbox-input#name
.leadbox-input.form-group.Name
label.leadbox-input.form-group.Name
label.leadbox-input.form-group.name
Also - if there was a way to do this without using CSS, like such as within the Form builder itself, that would be much better - just a suggestion to make these forms better.
Thank you for your reply.
I have been attempting this, but to no avail. I know you are not CSS experts, but can you guide me to the correct classes/id's to use? this is what I have been trying, in terms of the classes:
.form-control.leadbox-input#name
.leadbox-input.form-group.Name
label.leadbox-input.form-group.Name
label.leadbox-input.form-group.name
Also - if there was a way to do this without using CSS, like such as within the Form builder itself, that would be much better - just a suggestion to make these forms better.
- NoahBaldwin
- Support Team
- Posts: 117
- Joined: Fri Jan 04, 2019 11:21 am
- Website: www.allprowebtools.com
Re: Change Labels / Placeholder text in forms
Code: Select all
.Name label:after {
visibility: visible;
content: 'Example';
display: block;
}
.Name label {
visibility: hidden;
}
- Agalassi1792
- AllPro Expert
- Posts: 510
- Joined: Tue Nov 18, 2014 12:42 pm
- Website: apwt.bluezenith.com
Re: Change Labels / Placeholder text in forms
Great, thank you!
This worked for the labels. I appreciate your help with this!
This worked for the labels. I appreciate your help with this!