how do i edit template font color

  • Profile Image
    derdal
    Asked on May 20, 2013 at 01:54 PM
  • Profile Image
    glennlee
    Answered on May 20, 2013 at 02:18 PM

    Hi,

    You can change the font color on form style > font color

    You can also inject custom css.

    Thanks.

  • Profile Image
    Morian
    Answered on May 20, 2013 at 02:20 PM

    Hello!

    To do that, simply inject the following custom CSS code

    .form-label-left {color:blue; } -> makes the Main Label blue 

    .form-sub-label {color:lime;} -> makes the label under the textbox lime

     

  • Profile Image
    KadeJM
    Answered on May 20, 2013 at 02:46 PM

    @Morian

    Thank you for the additional instruction via css, it's very much appreciated. Both ways are very versitile. 

    Additionally if you do not want to use the Color Name as it's value you can also use Hex Codes to allow the use of a more specified color or shade.

  • Profile Image
    derdal
    Answered on May 20, 2013 at 03:10 PM

    Thanks everyont for the info.  What I'm struggling with is the "Sharling Collectionz" template.  I want to change the Header color (orange to red).  However, when I did that, the font on my radio button options also changed to red.

    I'll get the hang of this eventually.

  • Profile Image
    Morian
    Answered on May 20, 2013 at 03:17 PM

    Have you tried injecting a CSS code specifically for the header?

    You would use hashtag for that followed by the ID name of the header and then specify the color. If the header's id, for example is "header1" and you want it to be red you may use :

    #header1 {color:#FF0505;}

  • Profile Image
    derdal
    Answered on May 20, 2013 at 03:26 PM

    We"ll try that.  Thanks again for such quick responses.  

  • Profile Image
    Morian
    Answered on May 20, 2013 at 03:31 PM

    I used this code, for example, 

    #header_1 {color:#E30505;}

    #subHeader_1 {color:#E30505;}

    and it resulted in this


  • Profile Image
    Mike_T
    Answered on July 08, 2013 at 06:07 PM

    For some reason this thread is marked as open. If you need any further assistance on this, please let us know by using the following link:

    http://www.jotform.com/answers/219363

    Thank you.