Change Labels / Placeholder text in forms

Need help? Please give a detailed explanation of your problem.
User avatar
Agalassi1792
AllPro Expert
Posts: 461
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Change Labels / Placeholder text in forms

Postby Agalassi1792 » Mon Jan 27, 2020 2:06 pm

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
Posts: 57
Joined: Fri Jan 04, 2019 11:21 am
Website: www.allprowebtools.com

Re: Change Labels / Placeholder text in forms

Postby NoahBaldwin » Mon Jan 27, 2020 2:49 pm

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
Posts: 461
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Change Labels / Placeholder text in forms

Postby Agalassi1792 » Mon Jan 27, 2020 5:05 pm

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
Posts: 57
Joined: Fri Jan 04, 2019 11:21 am
Website: www.allprowebtools.com

Re: Change Labels / Placeholder text in forms

Postby NoahBaldwin » Tue Jan 28, 2020 8:56 am

Code: Select all

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

Re: Change Labels / Placeholder text in forms

Postby Agalassi1792 » Tue Jan 28, 2020 1:53 pm

Great, thank you!

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




Return to “Help / How to use AllProWebTools”



Who is online

Users browsing this forum: No registered users and 2 guests

cron