Welcome

Thank you for choosing

Style Contact Form 7



Getting Started

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.


Insert Block

Click on 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.

Form Selector

Toggle the form selector button to access your contact forms

Settings Sidebar

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.

Block Settings

The options within the Block Settings section are Block Sizing, Block Margin, Block Padding, Block Background, Block Border and Block Shadow.

Block Sizing

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.

Block Margin

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

Block Padding

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

Block Backgound

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

Block Border

Add a colored border or adjust corner border radius.

Block Shadow

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

Form Fields

The options within the Form Fields section are Field Background, Field Labels, Field Text, Field Padding and Field Shadow.

Field Background

Select a preset or custom colors with the colour picker for your field Backgounds.

Field Labels

Change field Label font case, font size, font weight (if available), line height and color.

Field Text

Change field font size, line height and color.

Field Padding

Add some padding space around field text.

Field Border

Select a border, change border tickness and color.

Field Shadow

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

Submit Button

The options within the Submit Button section are Submit Background, Submit Text, Submit Width, Submit Padding, Submit Border and Submit Shadow.

Submit Background

Select a preset or custom colors with the colour picker for your button Backgound.

Submit Text

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

Submit Width

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

Submit Padding

Create space around your button text.

Submit Border

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

Submit Shadow

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