Add Custom CSS code to the form

Adding Custom CSS:

How can I add custom CSS to my Jotform to change the appearance of specific elements?

I want to customize the background color, font size, and padding of specific fields. Can someone guide me on how to inject custom CSS into my form and share any best practices?

I need to show or hide fields based on user responses. Can you provide instructions on setting up conditional logic and any tips to ensure it works smoothly?

Thanks in advance.

Best Regards,
florence023
SpotifyPie

Hi Florence,

Thanks for reaching out to Jotform Support. There's a section in the Form Designer panel, that allows you to add Custom CSS code, for additional customization on certain elements. Let met walk you through it:

1. In the Form Builder, click on the blue Roller Paint icon.

2. From the Form Designer panel, select the Styles Tab. 

3. Next, scroll down a bit and add the code inside the Inject Custom CSS area. 

You can also follow this guide on How to Add Custom CSS to the Form. You can identify the element's class or id, using the browser's inspect element. Check this out:

As for your question about conditions, I've moved it to a new thread to assist you better. You can check that out here.

Reach out to us again if you need any more help.

Thank you so much for your quick reply.