helper text

  • Profile Image
    jrgiusti
    Asked on August 16, 2016 at 06:49 PM
  • Profile Image
    liyam
    Answered on August 16, 2016 at 08:18 PM

    Hello jrguisti,

    I'm not sure I fully understand your concern. Can you please provide us with more explanation? 

    We'll be looking forward to your response.

    Thanks.

  • Profile Image
    jrgiusti
    Answered on August 16, 2016 at 08:24 PM

    oops.. i was searching for how to format the helper text (the grey text inside the answer field) to make it display in a google font.  I thought i was searchign the knowledge base.... Pressed return by mistake LOL

     

    separate question: some of the google fonts in the forms designer are not working for me, and some google fonts are not listed (i.e. EB Garamond and Libre Franklin)

  • Profile Image
    liyam
    Answered on August 16, 2016 at 11:19 PM

    Hello, 

    If you want to use the Google Fonts on helper text (placeholders), you can do this (Assuming that you want to use Francois One which you have imported in your CSS):

    ===

    .form-textbox::-webkit-input-placeholder {
         font-family: 'Francois One', sans-serif !important;
    }

    .form-textbox:-ms-input-placeholder {
         font-family: 'Francois One', sans-serif !important;
    }

    .form-textbox:-moz-placeholder {
         font-family: 'Francois One', sans-serif !important;
    }

    .form-textbox::-moz-placeholder {
         font-family: 'Francois One', sans-serif !important;
    }

    ===

    This should support most browsers

     

  • Profile Image
    liyam
    Answered on August 16, 2016 at 11:27 PM

    Update:

    I think this is a better example:

     

    @import 'https://fonts.googleapis.com/css?family=EB+Garamond';

    .form-textbox::-webkit-input-placeholder {
         font-family: 'EB Garamond', sans-serif !important;
    }

    .form-textbox:-ms-input-placeholder {
         font-family: 'EB Garamond', sans-serif !important;
    }

    .form-textbox:-moz-placeholder {
         font-family: 'EB Garamond', sans-serif !important;
    }

    .form-textbox::-moz-placeholder {
         font-family: 'EB Garamond', sans-serif !important;
    }