How to change Font Color

  • Profile Image
    NCWFMS
    Asked on January 19, 2015 at 03:01 PM

    Hi, I was just speaking to one of your support staff (I think Kade was his name) via Instant Messager.  But I accidentally closed out of the page before we were done.  And now the Instant Messager icon isn't popping up anywhere.  I don't know how to get it back (it just popped up before).  Anyway, so I guess I have to start over...  Tell Kade I'm sorry if you can.

    I discovered via Form Designer how you can change the design and so forth.  I figured out how to change font color (from black to white).  But, for some reason the font color for my PayPal options won't change.  The color changed under the design and CSS draft pages, but when I go to preview the form, the text is still black.  Kade tried two different things that didn't work, but had just given me a third solution that he thought would definitely work...when I accidentally clicked out before getting a chance to read it. 

    The attempt we tried was via the CSS option.  We selected the PayPal products field, then over to the right under CSS clicked "font" and changed it to #ffffff.  But that didn't work, as I said, it still appeared black when I previewed the form.  Yes I saved the form before previewing it...

    Do you have any idea how to change this?

     

    Second question.

    How do you change the background color of a field?  Right now, when you enter text, that field turns white.  And having now selected all of the fonts to be white, when I go to enter text into the fields, the text seems to disappear (white text in a white background).  So how do I change the background of the fields? 

     

    Thanks,

    Don Heminitz

  • Profile Image
    BDAVID
    Answered on January 19, 2015 at 04:04 PM

    Another way to change the style is by injecting CSS code, maybe this was third option my colleague gave. I cloned your form and injected the following CSS code:

    .form-product-item label,.form-payment-total {

    color: white;

    }

    In order to change the background of a field in the Designer Tool, simply click on any field of your jotform, in my case "Text Box", you will see the "Text Box Style" tab, select any color you want to:

     

    Hope this helps you, let us know if you have more questions.

  • Profile Image
    NCWFMS
    Answered on January 19, 2015 at 05:29 PM

    Thanks, so much for the help!!!  That worked.

  • Profile Image
    raul
    Answered on January 19, 2015 at 05:36 PM

    On behalf of my colleague, you're welcome.

    If you need further assistance, please let us know.
    Thank you.