Changing font colors of highlited items in payment areas.

  • yeshivacentralqueens
    Asked on January 15, 2018 at 4:13 PM

    I am having problems trying to find where you can change the font colors in highlighted payment area. Is there any way to do this or am I stuck with it always turning grey? see enclosed picture.

    tx

    Jotform Thread 1350003 Screenshot
  • Dexter_R
    Replied on January 15, 2018 at 5:10 PM

    There is way to change this. First, go to Icon "Form Designer" in top right corner. Then go to advance settings, and there you will be able to change drop box background.

    Changing font colors of highlited items in payment areas Screenshot 20

    Hope this video will help!

  • yeshivacentralqueens
    Replied on January 16, 2018 at 10:46 AM

     Sorry Nope. :) The issue is the the font becomes grayed out when your making a selection in the Payment area and only becomes ungray when you click off that payment area this makes it difficult to  see until you click elsewhere.  

  • Dexter_R
    Replied on January 16, 2018 at 11:58 AM

    I do apologize for inconvenience. But the good side of previous answer is, that you now know, how to change background in drop box.

    Let's get back to our topic. There is a small CSS code that you should enter inside your custom CSS field:

    .form-line-active:hover{

      color: #d6d2c2 !important;

    }

    In the bottom link, you can read and see, how to inject custom css

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

    I think this will work, please let me know if we did something.

  • yeshivacentralqueens
    Replied on January 16, 2018 at 12:15 PM

    tx, well not perfect but close enough. now if you move out of that payment box it greys until you click back on the form. Just weird is all. 

  • Dexter_R
    Replied on January 16, 2018 at 1:01 PM

    That's called "hover", you can change that also, not to showing up at all. 

    .hover-product-item:hover{

      color: #d6d2c2 !important;

    }

    You can insert code in your custom CSS.