Disable Label Visibility

  • Resolved sjkd

    (@sjkd)


    3 years, 6 months ago

    Hey supporters,

    I am struggeling with something. I don’t want the labels to show up on frontend because I use the placeholders inside the boxes/ text areas to advice what info to give… but i still need to labels so the emails have quite useful names. Am I missing out on something? What is my mistake? Can I hide the labels with CSS if it’s not possible in any other way?

    Thank you very much in advance!

    PS: Pardon me for opening up another topic this quick but I’ve learned it’s a no no to ask different questions in one task ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @sjkd,

    I don’t want the labels to show up on frontend because I use the placeholders inside the boxes/ text areas to advice what info to give… but i still need to labels so the emails have quite useful names.

    So except for the Email label, you want the other labels to not show up? Have you tried the default “Design Style” called “Material” and see whether that fits your needs? The default design style of “Material” doesn’t have labels until the fields are clicked.

    The option can be found when you edit the form and under Appearance > Design Style.

    If you are looking for the CSS to hide the field name in general for the “Default” style, then you could try the following CSS:

     .forminator-label {
 	display: none;
 }

    To display the field for email the CSS would be:

     #email-1 > div > label {
 	display: block;
 }

    The above CSS can be added within the form under the “Appearance” tab > Custom CSS section as shown in the following screenshot:

    Screenshot at 16:31:40.png

    If I have missed out anything, a link to the page where you have the form would also help in having a better idea regarding your query.

    Please do let us know how that goes. Have a nice day ahead.

    Best Regards,
    Nithin

    Thread Starter sjkd

    (@sjkd)

    Thank you Nithin!
    That just worked perfectly fine!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Disable Label Visibility’ is closed to new replies.