How can I change the text on the smooth signature widget?

  • Profile Image
    alonzo_llamas
    Asked on October 16, 2019 at 09:13 PM

    On this form

    https://www.jotform.com/build/92858600973872


    I am trying to change the text "Clear" on the smooth signature widget.


    I am trying to use this code but is not working :(

    .clearButton
    {
      display: none;
    }
    .clearButton:after
    {
      content: 'hi this is test' ;
    }


    Thanks for the help.

  • Profile Image
    Vanessa_T
    Answered on October 16, 2019 at 10:05 PM

    For widgets, please add the custom css on the widget's css tab.

    https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

  • Profile Image
    alonzo_llamas
    Answered on October 17, 2019 at 12:07 PM

    Thanks, I tried that before, the "Clear" text is not going away.


    Can you guys help?

    Thanks.

  • Profile Image
    Vanessa_T
    Answered on October 17, 2019 at 01:35 PM

    I went ahead and updated the CSS on the Smooth Signature widget of your form.

    Since you can't really hide the text on .clearButton as it will affect .clearButton:after, as a workaround, I've used the CSS below:

    .clearButton {

      color: transparent !important;

    }

    .clearButton:after {

      content: 'hi this is test' ;

      color: #333 !important;

    }

    1571333669Screen Shot 2019-10-18 at 1.34

  • Profile Image
    alonzo_llamas
    Answered on October 17, 2019 at 06:57 PM

    Nice trick, thanks!