Are you looking for a way to create a form which aligns with your brand identity, Look no further.
NeetoForm brings you the Custom CSS feature. Now let's get into how we can use custom CSS.
In NeetoForm you have in-built themes which give you a wide variety of options to chose from. And the style of these themes can be edited as well. But sometimes that's just not enough, and you want to add your own styles and formatting.
Custom css takes it to the next level by allowing you to build pixel perfect forms for your brand.
Let's take a look at an example in real time. Take a look at this padding here, Let's say I want to reduce the padding. Now this is something we can't do by editing the theme.
To remove this padding, scroll down to the custom css section and we can add the custom CSS here. To get this done, let me open the browser tools to find what element is causing the padding. As you can see here, it;s the --- class. So I'll simply copy this and paste it in our custom css editor, and set the padding value to 0. Now to make things more visual lets set the color to blue as well. You can see the changes happen in real time. Now I'll remove the color since it looks a little off.
Also in case you feel like editor is small, you can expand it here.
Make sure you save the changes. And if we refresh the page here, we can see that the padding is removed.
It doesnt end here, with custom CSS the possibilities are endless, you can fine-tune your form to create personalized forms for your customers. Let me show you another example.
Take a look at this input validation error, let's say I want to change the color of this error message.
I'll open the browser tools, inspect the error message. And the class is -----, I'll copy it and paste it in our custom CSS editor, and let's change the colour to "blue". Make sure to save your changes.
Here let's reload the page, and the error message has changed to blue
And that's how easily you can add your custom css, so that you have complete control over the appearance of your form,
Thank you