Forms
Last updated
Last updated
Manage the appearance and layout of forms across your entire site to maintain a consistent design. This applies to all forms, including contact forms, search forms, comment sections, checkout pages, and more. You can customize the form styles under Appearance -> Customize -> Styling -> Forms.
The General tab in allows you to control the overall layout and style of forms across your site. This tab includes options to choose the layout type and activate the legacy form style if needed.
This section lets you select the basic structure of your forms. You can choose between two layout types:
The default form layout option. This style features a boxed layout, providing a traditional and structured appearance for your forms.
A more minimalistic layout option where form fields appear as underlined rather than boxed. This style gives your forms a modern and sleek look.
In the Style tab, you can customize various aspects of the form fields:
Placeholder: Set the text color for the placeholder in form fields.
Text: Customize the text color for three states — Normal, Hover, and Active.
Border: Define the border color for the three states — Normal, Hover, and Active.
Border Width: Adjust the thickness of the border around form fields.
Padding: Control the space inside the form fields to adjust the size and spacing of the text.
Border Radius: Set how rounded the corners of the form fields are.
Add a shadow effect to the form fields to give them depth and make them stand out, available for the three states (Normal, Hover and Focus).
Height: Set the height of the textarea field to control how much text space is available.
Checked: Define the color that appears when a checkbox or radio button is selected.
Border Radius: Set the roundness of the checkbox and radio button corners.
Kalium has been tested with the most well-known form plugins to ensure a seamless design experience. Even though these plugins have their own styling, Kalium will automatically select the necessary styling options so that our styles apply to each form.
Make sure to select the Theme Styled option in your form plugin settings to make sure Kalium form styles are applied, no matter which plugin you're using.
The supported plugins include
Contact Form 7
WPForms
Fluent Forms
Forminator
Ninja Forms
