-
zugfrigAsked 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
-
Jed_CReplied 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:
I hope that helps. Let us know if you have any questions or if you need further assistance.
-
zugfrigReplied on December 11, 2019 at 5:44 PM
This is great, but i want to make individual lines red, not all of them
-
Jed_CReplied 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:
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.
-
zugfrigReplied on December 12, 2019 at 12:15 AM
Seems simple enough, but how do i get to that screen
-
Vanessa_TReplied 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.
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.