Change the font size on Height Coverter Widget

  • Profile Image
    Asked on August 31, 2016 at 12:38 AM

    Hi, is it possible to change the font size/weight of these labels, as well as the input text size? I tried the changeType method above, as well as this:

    .type {
        font-weight: 100;
        font-size: 13px;


    input {

    with no success. Thanks for your help!

  • Profile Image
    Answered on August 31, 2016 at 12:43 AM

    You can use the following CSS codes.

    For the input text

    .narrowInput {

        font-size: 20px !important;


    For the labels

    .type {

        font-weight: 100 !important;

        font-size: 13px !important;


    Feel free to change the values to your preference.

    Take note that you have to inject this CSS codes within the Height Converter Widget wizard under Custom CSS tab.