How to Easily Create Modern, CSS-First Forms in WordPress
Learn how to build stylable forms in WordPress using the IvyForms plugin easily.
Learn how to build stylable forms in WordPress using the IvyForms plugin easily.
Along the way, you'll learn how to use Chrome DevTools Changes drawer, how to tweak colors consistently using OKLCH color format, how to apply additional CSS in WordPress theme editor, and more.
Chapters
- 00:00 Overview of IvyForms Form Builder features
- 01:20 IvyForms Settings
- 02:18 How to create a form in IvyForms in WordPress
- 03:33 How to view IvyForms form entries in WordPress admin
- 04:18 How to customize an IvyForms form in WordPress admin
- 07:58 How to style an IvyForms form using CSS
- 09:32 How to copy CSS changes in Chrome DevTools using Changes Drawer
- 10:53 How to style a form in Chrome Developer Tools
- 14:09 How to tweak form field positioning using CSS
- 17:51 How to apply CSS changes to Additional CSS in WordPress
- 19:18 Why you should start using IvyForms WordPress plugin
