Add Celsius symbol after the Knob Canvas widget value

  • Profile Image
    Asked on April 27, 2019 at 08:42 PM
    Also tried with no success to add Celsius sign to each widget without success.

    Any help will be welcome.

    Thank you.

  • Profile Image
    Answered on April 27, 2019 at 08:54 PM

    To have a "°C" after the value in the Knob Canvas widgets in your form, please inject the following CSS codes to the Custom CSS tab of each widget — How-to-Inject-CSS-Codes-to-Widgets

    input#dial {

        width: 49px !important;

        height: 21px !important;

        position: relative !important;

        vertical-align: middle !important;

        margin-top: -83px !important;

        margin-left: -91px !important;

        text-align: right !important;


    div#main div:after {

        content: "°C" !important;

        margin-top: 38px !important;

        position: absolute !important;

        color: rgb(153, 153, 153) !important;

        font: bold 18px Arial !important;





    If you have other questions or concerns, please feel free to let us know.