How can I make heading font smaller

  • Profile Image
    rbell1
    Asked on October 10, 2017 at 03: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

  • Profile Image
    jonathan
    Answered on October 10, 2017 at 04:34 PM

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

    1507667586zzz 2017-10-11 04.27.18.png


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

    #header_12{

    1.45em !important;

    }

    1507667691zzz 2017-10-11 04.31.31.png

    Just adjust the numbers according to your preference.

    Let us know if you require further assistance.






  • Profile Image
    rbell1
    Answered on October 10, 2017 at 05: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

  • Profile Image
    Kevin_G
    Answered on October 10, 2017 at 08:00 PM

    Please try with this code: 

    #header_12{

    font-size: 1.45em !important;

    }

    Let us know how it goes. 

  • Profile Image
    rbell1
    Answered on October 10, 2017 at 08:14 PM

    Perfect! That worked.  Thank you so much.