How can I make heading font smaller

  • rbell1
    Asked on October 10, 2017 at 3:25 PM

    Hi 

    Can you please help me to make the heading font smaller so that the words do not wrap on to a second line.

    Also can I reduce the size of the logo image to around 90% of the existing size.

    This is the form:

    https://form.jotform.co/72691487176873

    Thank you

    Jotform Thread 1269671 Screenshot
    Page URL: https://form.jotform.co/72691487176873
  • jonathan
    Replied on October 10, 2017 at 4:34 PM

    You can reduced the image logo size using the width property in the header image.

    1507667586zzz 2017 10 11 04 Screenshot 10


    For the header font-size add the CSS codes below to your form.

    #header_12{

    1.45em !important;

    }

    1507667691zzz 2017 10 11 04 Screenshot 21

    Just adjust the numbers according to your preference.

    Let us know if you require further assistance.






  • rbell1
    Replied on October 10, 2017 at 5:19 PM

    Hi, sorry I must be doing something wrong.  The following code is giving a CSS error


    #header_12{

    1.45em !important;

    }

     


    Can you assist please. Thanks

  • Kevin Support Team Lead
    Replied on October 10, 2017 at 8:00 PM

    Please try with this code: 

    #header_12{

    font-size: 1.45em !important;

    }

    Let us know how it goes. 

  • rbell1
    Replied on October 10, 2017 at 8:14 PM

    Perfect! That worked.  Thank you so much.