Product items: How to change the colors shown and again when mouse is over

  • Profile Image
    EGSolutions
    Asked on September 29, 2014 at 08:23 AM

    It's possible to custom the font color of the products title? i tried in style option but the color changed in the other fields and not in paypal wizard.

    Thanks in advance

  • Profile Image
    KadeJM
    Answered on September 29, 2014 at 10:49 AM

    Yes, it's possible to customize your product font color.

    The recommended way to do that is with Injected CSS

     

    Example: 

    http://form.jotform.us/form/42714540327147

     

    Color Code:

    .form-product-item label

    {color: #f00; 

    }

     

    Result: 

     

  • Profile Image
    EGSolutions
    Answered on October 08, 2014 at 06:13 AM

    Many thanks made, very helpful. Can you tell me also how I can do for css on mouse over? i cannot find the right class.

    many thanks in advance,

    Eleonora

  • Profile Image
    Ben
    Answered on October 08, 2014 at 09:19 AM

    Hi Eleonora

    I am glad to hear that the code you were given by my colleague worked for you as you wanted it. Now to add a style when mouse is over the same product label we apply CSS to hover attribute.

    I will use the code of my colleague and add the part for hover

    Color Code:

    /* Style when the form is opened */
    .form-product-item label
    {
       color: #f00;
    }
    /*When mouse is over product entry*/
    .form-product-item:hover label, .hover-product-item label
    {
       color: #00f;
    }
    /*When mouse is over product label only */
    .form-product-item label:hover, .hover-product-item label:hover
    {
       color: #0f0;
    }

    Do let us know how this works for you.

    Best Regards,
    Ben