I am looking to customize the widgets in my form, to match the font fam

  • Profile Image
    Mariedyth
    Asked on March 15, 2019 at 04:41 PM

    I am looking to customize the widgets in my form, to match the font family and style that is used in the rest of the form, how? Can you please provide a sample? TIA!

    https://form.jotform.com/90725876053160



    This is a re-post of a comment on How to Inject Custom CSS Codes

  • Profile Image
    EltonCris
    Answered on March 15, 2019 at 06:00 PM

    I can see that you're using Droid Serif font. To use that in your sortable list widget, inject this CSS codes within the widget settings.

    @import "https://fonts.googleapis.com/css?family=Droid Serif:light,lightitalic,normal,italic,bold,bolditalic";

    .connected li, .exclude li, .handles li, .sortable li {

        font-family: Droid Serif, sans-serif;

        color: #000;

        font-size: 14px;

    }

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

    By the way, checking your live form, it seems the droid font isn't working. It's most probably messed up with the theme's CSS. You might want to inject the following CSS code in your form to correct it.

    @import "https://fonts.googleapis.com/css?family=Droid Serif:light,lightitalic,normal,italic,bold,bolditalic";

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • Profile Image
    Mariedyth
    Answered on March 15, 2019 at 10:23 PM

    Thank you so much. I will work on this and let you know if I am successful.