How to change the font and color of the text in Configurable list Widget?

  • hr587
    Asked on March 2, 2016 at 3:49 PM

    Hello -

    Can you please make the font and design of the configurable list in this form match the rest of our theme?  Thank you!

  • Nik_C
    Replied on March 2, 2016 at 6:37 PM

    Hello,

    You can edit your configurable list widget's CSS and input this in the Custom CSS for that field:

    How to change the font and color of the text in Configurable list Widget? Image 1 Screenshot 40

    So just click on the wizard for the Configurable list widget and than click on Custom CSS:

    How to change the font and color of the text in Configurable list Widget? Image 2 Screenshot 51

    In the CSS field add this:

    .col1{

    font-family: "Merriweather", sans-serif;

    color: #6f6f6f;

    font-weight: normal;

    }

    .col2{

    font-family: "Merriweather", sans-serif;

    color: #6f6f6f;

    font-weight: normal;

    }

    .col3{

    font-family: "Merriweather", sans-serif;

    color: #6f6f6f;

    font-weight: normal;

    }

    That CSS code will change the color and font o the configurable list widget.

    Also please add this to your form's CSS:

    #label_29 {

    font-family: "Merriweather", sans-serif;

    color: #6f6f6f;

    font-weight: normal;

    }

    You can do that by going to your form's Preferences and than Form Styles, just add it to Inject Custom CSS field:

    How to change the font and color of the text in Configurable list Widget? Image 3 Screenshot 62

    Please let me know if this worked for you or if you have further questions.

    Thank you.