Change Labels / Placeholder text in forms

Need help? Please give a detailed explanation of your problem.
Post Reply
User avatar
Agalassi1792
AllPro Expert
AllPro Expert
Posts: 500
meble kuchenne Mikołów Knurów Czechowice-Dziedzice
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Change Labels / Placeholder text in forms

Post by Agalassi1792 »

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.
User avatar
NoahBaldwin
Support Team
Support Team
Posts: 108
Joined: Fri Jan 04, 2019 11:21 am
Website: www.allprowebtools.com

Re: Change Labels / Placeholder text in forms

Post by NoahBaldwin »

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.
User avatar
Agalassi1792
AllPro Expert
AllPro Expert
Posts: 500
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Change Labels / Placeholder text in forms

Post by Agalassi1792 »

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.
User avatar
NoahBaldwin
Support Team
Support Team
Posts: 108
Joined: Fri Jan 04, 2019 11:21 am
Website: www.allprowebtools.com

Re: Change Labels / Placeholder text in forms

Post by NoahBaldwin »

Code: Select all

.Name label:after {
    visibility: visible;
    content: 'Example';
    display: block;
}
.Name label {
    visibility: hidden;
}
User avatar
Agalassi1792
AllPro Expert
AllPro Expert
Posts: 500
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Change Labels / Placeholder text in forms

Post by Agalassi1792 »

Great, thank you!

This worked for the labels. I appreciate your help with this!
Post Reply