How to change all Hint Examples by using CSS?

  • Profile Image
    Asked on June 16, 2015 at 02:29 AM

    Hi, how are we today?

    I have made a form with lots of text box fields.

    I left the hint suggestion blank on all of them.

    Was wondering if there was a quick css fix to change

    the empty hint suggestion to "Qty." on all of the blank

    fields on the form without having to go through the

    whole form and do it manually?

    Any suggestions would be awesome,

    thanks :)

  • Profile Image
    Answered on June 16, 2015 at 06:22 AM

    Hello Julian.

    I'm afraid that the Hint Example text can't really be set with CSS, as this language (CSS) doesn't support such a feature. It doesn't allow for creation of generated content on input fields and images, and we would need it to generate text on the input fields in order to create these placeholders / hint examples.

    We also do not have a way for you to automatically change Hint Examples of all fields to some value, it will unfortunately have to be done manually.

    I have messed around with this, and I have come up with one CSS solution, but it may not be perfect. As there is no way to create placeholders on the input fields, I have created / generated text on the label fields, and then moved this text to the right of the input fields.

    .form-label-right:not(#label_3):not(#label_155):after {
        content: "Qty.";
        position: absolute;
        right: 250px;
        top: 3px;

    The result would look like this:

    Please let us know if you need further assistance.

  • Profile Image
    Answered on June 17, 2015 at 06:12 PM

    Hi Boris,

    Thanks for the response. I will fill them in manually, next time I will be more vigilant when setting up my form! Cheers

  • Profile Image
    Answered on June 17, 2015 at 07:17 PM

    On behalf of my colleague you are quite welcome. =)

    Please don't hesitate to contact us again anytime should you need further assistance.