How to change all Hint Examples by using CSS?

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 :)

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.

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

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

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

Cheers