How to change the font for the form to be Josephine Sans?

  • willothewisp
    Asked on June 13, 2017 at 2:38 AM

    However i need to change the font on the widget buttons to match the rest of my form. Im using Josephine Sans.

    Secondly is there a way to change ALL type letter spacing for Josephine sans to 0.1em?

  • Nik_C
    Replied on June 13, 2017 at 3:03 AM

    You could change the font for the whole form by going to the advanced designer:

    -Click Form Designer:

    How to change the font for the form to be Josephine Sans? Image 1 Screenshot 50

    -And then Advanced designer:

    How to change the font for the form to be Josephine Sans? Image 2 Screenshot 61

    -There, under the Font section:

    How to change the font for the form to be Josephine Sans? Image 3 Screenshot 72

    That should make your font in the form all the same. I checked with the Font Inspector and the font was showing properly:

    How to change the font for the form to be Josephine Sans? Image 4 Screenshot 83

    Now, regarding this:

    Secondly is there a way to change ALL type letter spacing for Josephine sans to 0.1em?

    Do you mean for the whole form or some specific part of the form where you want to set the spacing?

    We'll wait for your response.

    Thank you!

  • willothewisp
    Replied on June 13, 2017 at 3:20 AM

    Hi,

    I had done that to change the font but everything changes except the widget button labels.... Even now if i change to a different font , everything changes except the widget buttons.

     

    Yes i mean for the whole form for text spacing.

     

    Thank you!

     

     

  • WilliamR
    Replied on June 13, 2017 at 3:41 AM

    Hi,

    If you want to change the text spacing on your from, then try this CSS code

    .form-all {
        letter-spacing: 0.1em;
    }
     
    Regarding the font on the widget, can you provide us a screenshot of what you are seeing on your end? If you can provide us the URL to replicate the widget font, that would be fantastic too.
     
     
  • willothewisp
    Replied on June 13, 2017 at 7:05 AM

    How to change the font for the form to be Josephine Sans? Image 1 Screenshot 20

     

  • willothewisp
    Replied on June 13, 2017 at 7:07 AM

    Heres what i am i seeing on my end. The widget font remains unchangeable.

     

    Thank you

  • candy
    Replied on June 13, 2017 at 9:15 AM

    Hello,

    We are sorry for the inconvenience you have.

    I have cloned your form named "Order Form" on my side in order to test. Please inject the following CSS codes to the related widgets as you can see in the following screenshot below:

    #_l0, #_l1,#_l2, #_l3, #_l4, #_l5{

    font-family: "Josefin Sans" !important;

    }

    How to change the font for the form to be Josephine Sans? Image 1 Screenshot 20

    I hope this helps.

    Thank you.