Before You Dive In
This article is one step from our Master Help Guide: All About Forms. We recommend starting with the visual walkthrough video and examples inside the Master Help Guide before diving into the technical breakdown below.
Each Master Help Guide acts as your project plan – teaching you the feature, laying out the steps in the right order, and linking to every resource you’ll need along the way.
This guide is perfect if you want to:
Learn how to customise form colours, fonts, borders, and shadows
Edit the styling of individual form elements like buttons and text fields
Change the form layout and background
Apply and customise prebuilt form themes
How to Customise Your Forms Branding
In this video we'll walk through editing individual form elements, adjusting colours, fonts, borders, and shadows, and using the Styles & Options panel to customise the form layout, background, and overall design.
Click here for the written steps
Click here for the written steps
To change the font or colour of the text, buttons, backgrounds or any elements inside your form, click into the form to open the Form Builder > then click on the Style & Options icon at the top right of your screen > then click on the [Advanced Settings] button
From there, you will see dropdown settings for:
Input Field
Label
Short Label
Placeholder
You can customise the font color, style, size, and weight for each element
To change the colour of your label, click on the colour box under Label Colour > then paste your hex code over the existing colour code number
Under Advanced Settings you can change borders, shadows, boxes, colors, text style, etc
Under Themes you can apply different themes to change the style
Make sure to click the [Save] button when you're done
Next Steps
If you’ve completed the steps above, head back to the Master Help Guide on Forms to move onto the next phase.
Each Master Help Guide acts as your project plan - teaching you the feature, laying out the steps in the right order, and linking to every resource you’ll need along the way.
Frequently Asked Questions
Can I add spacing to text within a form?
Can I add spacing to text within a form?
Yes! To add or adjust the text spacing inside your form, click into the form to open the form builder > then click on the Style & Options icon at the top right of your screen > locate the Field Spacing tab > and adjust the values based on your preference
Can I use custom fonts in Ivorey forms?
Can I use custom fonts in Ivorey forms?
Yes, Ivorey™ supports custom fonts in forms and these fonts must be applied using custom CSS, directly within the form builder itself:
@importfor Google Fonts, or@font-facefor hosted fontsApply the font using
font-familyto inputs, labels, and buttons as needed. This ensures your font styling is applied consistently.
Note: Forms embedded or used in funnels or websites do not inherit fonts or styling from the page itself because they load separately. To apply custom fonts or styles, they must be added directly inside the form builder's custom CSS, in the advanced style settings.
Need Help?
Hit the support chat widget inside Ivorey™ - we can:
Upload the templates to your account
Walk you through any of the steps
Troubleshoot anything that’s not working
We’re here and ready to help via the chat widget in the bottom right of your Ivorey™ account. Or if you are looking for done-for-you support, you can browse our current services here 🤍