Create contact form

1- Navigate to Contact > Add New.

2- Fill the contact for title and form elements.

3- Click on save button.

– You can change submit button class by adding class submit tag.

[submit class:btn class:btn-gfort "Send"]

The class:btn is the main class for Plume buttons, adding extra class will change the submit button colors.

– For the list of Plume button check this page.
– The classes are: btn-gfort, btn-gfort, btn-gfort-alt, btn-gfort-alt-o, btn-gfort-grey, btn-gfort-grey-o, btn-gfort-white, btn-gfort-white-o, btn-gfort-success, btn-gfort-info,, btn-gfort-warning and btn-gfort-danger respectively.

– For the button size: btn-gfort-lg, btn-gfort-md and btn-gfort-sm

– For more info about the contact form 7 check their official documentation.

Image
Gallery

identifying section headings

DIVIDER

identifying section headings

DIVIDER

General

Image

1- Contact form: Choose previously created contact form from the drop down list.

2- Element extra class: Assign a css class to the contact form (useful for custom css styles).

identifying section headings

DIVIDER

Design Options

Image

Dark: if the background is light.
Light: if the background is dark.

identifying section headings

DIVIDER

Animation

Image

CSS Animation: You can animate the contact form by selecting the animation you would like.
CSS animation delay: The animation delay in (seconds) format EX: 0.25