Change the font size on Height Coverter Widget

  • Profile Image
    bnoreen
    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;
    }

    and

    input {

    with no success. Thanks for your help!

  • Profile Image
    EltonCris
    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.

    Example: