Style header or text based on form entries

  • Hi

    I would like to have a text change it’s styling based on selections in a form or other field.

    For instance, when I select pink from a dropdown, I would like the text to turn pink. The text that is affected is also taken from an input field.

    I am aware (and tested some demos) from product cofigurator plugins but they are pretty large in size or too complex for this. I have no use for the styled text to be stored as an image, is only for the client to see a ‘simple’ preview.

    If there are plugins or maybe custom code for elementor pro I would be very grateful if someone could point me in the right direction.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi ??

    I’m not sure about any plugins, but this sort of thing can be handled with some JavaScript. Here is some example code: https://jsfiddle.net/v3cujs7k/1/

    Hope it helps.

    Thread Starter snewpers

    (@snewpers)

    Thanks @corenominal

    I’ve found something like that before, using javascript, but the input fields are from a form that’s generated by a plugin (woocommerce custom product options). They fields have their own ID and I will try to get them into the JS.

    Much appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Style header or text based on form entries’ is closed to new replies.