How to change the quantity gift registry widget text color?

  • zugfrig
    Asked on December 11, 2019 at 1:02 AM

    Hi, i was wondering if i can change the text colour on some lines to indicate a product with the closest expiry date



    Jotform Thread 2075007 Screenshot
  • Jed_C
    Replied on December 11, 2019 at 3:45 AM

    You can inject this inside your widget's CSS tab https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets.

    .checklist label {

        color: red;

    }

    Output:

    1576053876CORTEX   Google Chrome 2019 12 Screenshot 10

    I hope that helps. Let us know if you have any questions or if you need further assistance. 

  • zugfrig
    Replied on December 11, 2019 at 5:44 PM

    This is great, but i want to make individual lines red, not all of them

  • Jed_C
    Replied on December 11, 2019 at 8:08 PM

    Individual lines is possible. If you know how to navigate through browser console, you can get the selector name for the line you want to change the color for.

    Sample screencast:

    1576112865browser console Screenshot 10

    If you need help, kindly list the products that you want to change the color and we'll provide you with CSS.

    Looking forward for your response. 

  • zugfrig
    Replied on December 12, 2019 at 12:15 AM

    Seems simple enough, but how do i get to that screen

  • Vanessa_T
    Replied on December 12, 2019 at 2:50 AM

    You can open Developer Tools by right clicking anywhere in the page then select Inspect.

    To get the selector of a specific field,you may right click directly on the field.

    Once you get the appropriate selector, you can go ahead and use it to create a custom css within your widget's settings.

    1576136864A Screenshot 10

    You would need CSS knowledge to create the custom CSS code, this page may help you.

    https://www.w3schools.com/css/

    However, if you're still confused, please tell us which lines you'd like to change the text color to red so we can provide you with the complete CSS.