The WPForms Styler element gives you the full controls for styling. It covers up the maximum field types and you can add/edit the default’s color, spacing, fonts, width, size, etc directly from the bricks editor.

Activate The Element

By default this element is disabled. At first, you will activate the WPForms Styler element after going to your Dashboard -> Bricks -> BricksUltimate -> General page. Under the general elements tab, you will get the elements list. Select the WPForms Styler element and save the settings. Now the element is activated and ready for bricks builder.

How To Use

Make sure that you already installed, activated the WPForms plugin, and created a form with it. Open the builder editor and add the WPForms Styler element on the canvas. You will select the WPForm from the dropdown list and the selected form will show on the builder editor. Now you can change the color, fonts, spacing, size, etc from the editor and quickly customize the form’s design.

Dynamically Show the Form

Sometimes we shall fetch the form dynamically based on a custom field value. Assume that you created a template for a single details page and show the different form(s) based on the custom field value. Select the source type “Custom Field” and enter the custom field name into the input box. You can use the ACF, PODs, MetaBox, or any other plugin and make the custom field. Make sure that your custom field is returning the Gravity Form’s ID.