Changing the language in Smooth Signature

  • Profile Image
    andimoe
    Asked on November 28, 2016 at 03:36 AM

    Hey Guys

    Is there any possibility to change the language, size and font of the "clear" button of the Smooth Signature widget?

    Thanks in advance for your reply

    Andi

  • Profile Image
    Chriistian
    Answered on November 28, 2016 at 04:02 AM

    Hi,

    Yes there is a way to change the language, size and font of the "clear button". You only have to inject custom CSS in your form to change it. Can you give us more details about what you are trying to change in the Smooth Signature so that we can give you the proper CSS on your form?

    We'll be waiting for your response.
    Regards

  • Profile Image
    andimoe
    Answered on November 28, 2016 at 04:44 AM
    Thanks a lot for your reply.
    Instead of the word “clear” I would like to have the German word “löschen” and the font size should be 16px.
    Kindest regards
    Von: JotForm [mailto:noreply@jotform.com]
    Gesendet: Montag, 28. November 2016 10:02
    An: Oetiker, Andreas
    Betreff: Re: Changing the language in Smooth Signature
    A new response has been received:
    /www.jotform.com>[Das Bild wurde vom Absender entfernt. JOTFORM]/www.jotform.com/>/www.jotform.com>
    Answered by Chriistian
    Hi,
    Yes there is a way to change the language, size and font of the "clear button". You only have to inject custom CSS in your form to change it. Can you give us more details about what you are trying to change in the Smooth Signature so that we can give you the proper CSS on your form.
    We'll be waiting for your response.
    Regards
    View this thread on browser » Unsubscribe Thread
    1480323757
    ...
  • Profile Image
    Helen
    Answered on November 28, 2016 at 05:34 AM

    Hi Andi,

    Thank you for contacting us.

    You must inject these CSS codes into your widget "Custom CSS" field.

    .clearButton {

        visibility : hidden;

    }

    .clearButton:before {

        content : 'Löschen';

        font-size: 16px;

        visibility : visible;

    }

    To inject the CSS, simply click the wand icon on the top right of the widget. Then click the Custom CSS tab and paste the CSS code in the text area.

    Everything works properly on my side, as you can see:

    Please let us know, if you need further assistance.

  • Profile Image
    andimoe
    Answered on November 28, 2016 at 07:44 AM
    That helped a lot.
    How can I now align the „Clear-Button“ on the left side?
    And how can I get rid of the underline?
    Kindest regards
    Andi
    Von: JotForm [mailto:noreply@jotform.com]
    Gesendet: Montag, 28. November 2016 11:34
    An: Oetiker, Andreas
    Betreff: Re: Changing the language in Smooth Signature
    A new response has been received:
    /www.jotform.com>[Das Bild wurde vom Absender entfernt. JOTFORM]/www.jotform.com/>/www.jotform.com>
    Answered by Helen
    Hi Andi,
    Thank you for contacting us.
    You must inject these CSS codes into your widget "Custom CSS" field.
    .clearButton {
    visibility : hidden;
    }
    .clearButton:before {
    content : 'Löschen';
    font-size: 16px;
    visibility : visible;
    }
    To inject the CSS, simply click the wand icon on the top right of the widget. Then click the Custom CSS tab and paste the CSS code in the text area.
    [Das Bild wurde vom Absender entfernt.]
    Everything works properly on my side, as you can see:
    [Das Bild wurde vom Absender entfernt.]
    Please let us know, if you need further assistance.
    View this thread on browser » Unsubscribe Thread
    1480329273
    ...
  • Profile Image
    Helen
    Answered on November 28, 2016 at 08:23 AM

    Hi,

    You can add this CSS code to your form for aligning the clear button on the left side.

    .clearButton:before {

        margin-left:-404px; !important;

    }

    Then, for get rid of the underline:

    .sigNav a, .sigNav a:link, .sigNav a:visited, .sigNavImage a, .sigNavImage a:link, .sigNavImage a:visited {

        display: block;

        margin: 0;

        padding: 0;

        border: 0;

        color: #333;

        font-weight: bold;

        line-height: normal;

        text-decoration: none;

    }

    Everything works properly like that you want:

    If you have any questions or issue, feel free contact us.