Creating forms in WordPress is straightforward with Everest Forms, but styling them to match your site design is a different challenge. Everest Forms does not include built-in visual styling controls, which means customizing input fields, buttons, and labels usually requires custom CSS.
The External Form Styler block in Nexter Blocks lets you style Everest Forms in the WordPress block editor without writing any CSS.
Requirement – This block is a part of Nexter Blocks. Make sure it is installed and activated.
Required Setup
- Everest Forms Plugin installed and activated.
- Make sure the default WordPress Block editor is active.
- You need to have the Nexter Blocks plugin installed and activated.
- Make sure the External Form Styler block is activated. To verify, go to Nexter → Blocks, search for External Form Styler, and turn on the toggle.
Learn via Video Tutorial:
How to activate and use the External Form Styler Block for Everest Forms?
Go to
- Nexter → Blocks
- Search the block name and turn on the toggle.
Best Used For:
- Contact form pages where Everest Forms is used but the default styling does not match the site theme
- Lead generation pages with branded forms that need consistent colors, typography, and button design
- WooCommerce or membership sites where forms must match the overall design system
Key features
- Style input fields: Control typography, color, background, border, padding, and placeholder color for text, email, URL, number, and telephone fields. Use this when Everest Forms input fields do not match your site design.
- Style labels: Set the font, size, color, and spacing of all form labels.
- Style textarea: Match the textarea appearance to your input fields for a consistent form layout.
- Checkbox and radio button styling: Apply a custom visual style to checkboxes and radio buttons. Use this when the default browser-rendered controls break your form’s visual consistency.
- Style file upload button: Customize the appearance of the file upload button.
- Form row styling: Control spacing and layout between form rows.
- Style submit button: Customize the submit button color, typography, padding, and border to match your site design.
- Style form messages: Customize the appearance of success messages, error messages, and validation notices.
- Adjust form width: Set the overall width of the form on the page. Use this when the default full-width form layout is too wide for its container.
Form
Make sure you have at least one form created in Everest Forms.
Once the block is added to the page, go to Form > Form Type and select Everest Form from the dropdown.
From the Select Form dropdown, choose the form you want to display and style.
Set the overall alignment of the form from the Alignment option.
Styling Input Field of Everest Forms in WordPress
To style the Everest Forms input fields, go to Style > Input Field. You will find all the necessary styling options — including typography, color, background, border, padding, margin, and placeholder color — to customize the appearance of text, email, and other input types.
Styling Text area of Everest Forms in WordPress
To style the textarea of your Everest Forms, go to Style > Textarea Field. You will find the same styling controls available for input fields, so the textarea can match the rest of the form.
Styling Submit Button of Everest Forms in WordPress
To style the submit button, go to Style > Submit/Send Button. From here, control the size, color, typography, padding, and border of the submit button. This is the most visible interactive element on the form, so matching it to your site’s button style creates a cohesive experience.
Styling Radio Button or Checkbox of Everest Forms in WordPress
Default browser-rendered checkboxes and radio buttons are difficult to style consistently across browsers. The External Form Styler block applies a custom visual layer over these elements so they match your form design.
All customization options are available under the Checkbox/Radio Field section of the Style tab.
Styling File Upload Button of Everest Forms in WordPress
To style the file upload button, go to Style > File/Upload Field. From here, control the appearance of the file upload control to match the rest of your form.
To add spam protection to your Everest Form, see How to Add Cloudflare Turnstile Captcha in WordPress Form.
Also, check How to Style Gravity Forms in WordPress. If you use Ninja Forms instead, see How to Style Ninja Forms in WordPress.
