Page 1 of 1

Change Labels / Placeholder text in forms

Posted: Mon Jan 27, 2020 2:06 pm
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.

Re: Change Labels / Placeholder text in forms

Posted: Mon Jan 27, 2020 2:49 pm
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.

Re: Change Labels / Placeholder text in forms

Posted: Mon Jan 27, 2020 5:05 pm
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.

Re: Change Labels / Placeholder text in forms

Posted: Tue Jan 28, 2020 8:56 am
by NoahBaldwin

Code: Select all

.Name label:after {
    visibility: visible;
    content: 'Example';
    display: block;
}
.Name label {
    visibility: hidden;
}

Re: Change Labels / Placeholder text in forms

Posted: Tue Jan 28, 2020 1:53 pm
by Agalassi1792
Great, thank you!

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