Thank you for choosing

Style Contact Form 7

This Gutenberg Block is designed to be intuitive however all the controls are detailed and demonstrated below for help if needed.

If you already have plugins, Contact Form 7 & Style Contact Form 7 installed and activated, Navigate to the ‘Add New‘ Post or Page section within your WordPress Control Panel, wherever you would like to add your contact form, begin with adding a title then you are ready to start adding blocks.

Click the block inserter button to open the blocks browser window, Type ‘Style’ into the search bar and select Style Contact From 7 block, then select one of your contact forms from the drop down.

Toggle the form selector button to access your contact forms

Toggle the settings sidebar by clicking the sidebar icon in the top right corner of the menu bar then click on your block to activate it, the Style Settings are split into 3 tabbed sections : Block Settings, Form Fields and Submit Button.

All elements within the block will scale by adjusting the base font size, There are additional Block Sizing settings for Tablet and Mobile screen sizes.

Create space around your block, There are additional Block Margin settings for Tablet and Mobile screen sizes.

Create space within your block, There are additional Block Padding settings for Tablet and Mobile screen sizes.

Select a preset or custom color with the color picker for your form background.

Add a colored border or adjust corner border radius.

Box Shadow controls are : horizontal-offset, vertical-offset, blur radius, spread radius & color.

Change field font size, line height and color.

Add some padding space around field text.

Select a border, change border thickness and color.

Box Shadow controls are : horizontal-offset vertical-offset, blur radius, spread radius, color & inset.

Select a preset or custom colors with the color picker for your button Backrgound.

Change Button font case, font size, font weight (if available) and color.

The Submit button can be set to full width or Auto, if auto is selected the width can be adjusted with padding.

Create space around your button text.

Change border radius or add button border, change border thickness or color.

Box Shadow controls are : horizontal-offset, vertical-offset, blur radius, spread radius & color.