How do you change the subheader text color

  • Profile Image
    Shavalyea
    Asked on March 11, 2016 at 11:33 AM

    Hello,

    I'm using a template and can't seem to find how to change the subheader text color OR the gray shading behind the image. I've tried doing so in the Designer but it doesn't change. Could you tell me how to do it?

  • Profile Image
    david
    Answered on March 11, 2016 at 12:31 PM

    To remove the background from your image and change the color of the sub-header text, add this code to your form:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    #cid_30 {
        background : none !important;
    }

    .form-subHeader {
        color : blue !important;
    }

    Change the color of the sub-header to whatever you would like. 

    Here is the resulting for with the above code added:

    https://form.jotform.com/60704574328962

    You can clone it to your own account if you'd like:

    http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

  • Profile Image
    Shavalyea 
    Answered on March 11, 2016 at 05:28 PM

    I have added the CSS Code; however, every time the form is saved the code is erased. How do I fix this?

  • Profile Image
    Kiran
    Answered on March 11, 2016 at 06:10 PM

    It seems that the form is not being saved properly. Could you try logging into your JotForm account using a different browser and add the CSS code to the form and save it to see if that works?

    Please get back to us if you need any further assistance. We will be happy to help. 

     

  • Profile Image
    Shavalyea
    Answered on March 11, 2016 at 06:22 PM

    Hi,

     

    I have used both Safari and Chrome and the same thing happens. Any other suggestions?

  • Profile Image
    BDAVID
    Answered on March 11, 2016 at 06:59 PM

    Try clearing browser cache and forms cache: http://www.jotform.com/help/229-How-to-Clear-your-Form-Cache

    Or simply clone my colleagues form, and work with it: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL