Magic Form
  • Getting Started
  • Getting Started
  • Install, Activate and Update
  • Frequently Asked Questions
  • Change Log
  • Support & Help
  • CREATE FORM
    • Create First Form
    • 1- Build
    • 👁️‍🗨️ Preview
    • 2- Settings
    • 3- Actions
    • 4- Publish
    • 🗑️Archive Form
    • ❐ Clone Form
    • ✉️Submissions
  • Settings
    • Plugin Settings
    • Email Settings (SMTP)
    • Form Styles
    • Page Settings
    • Multi Step Settings
    • Conditional Logic
    • Theme Integration
  • Form Elements
    • ➔ Element Style Tab
    • ➔ Element Validations Tab
    • Single Line Text
    • Paragraph Text
    • E-Mail
    • Select List
    • Radio
    • Check Box
    • Phone
    • Date Picker
    • Time Picker
    • File Upload
    • Name
    • Number Input
    • Address
    • Password
    • Country List
    • Custom Html
    • Button
    • Submit Button
    • Group
    • Grid
    • reCaptcha
    • Range Slider
    • Google Maps
    • Star Rating
    • Scale Rating
    • Terms Of Use
    • Hidden Input
    • Signature
    • Image
  • BUY PLUGIN
  • Purchase Plugin
Powered by GitBook
On this page
  • Theme & Colors
  • Label
  • Input
  • Button
  • Loading Settings
  • Custom Css

Was this helpful?

  1. Settings

Form Styles

You can customise form view from here.

PreviousEmail Settings (SMTP)NextPage Settings

Last updated 5 years ago

Was this helpful?

Theme & Colors

The things you can do in this section:

You can choose your form themes from avaliable templates.

You can change “input styles” , “label styles” and “button styles” with the Customize option. It is recommended for the advanced users.

You can customize your theme color.

You can change font family.

You can choose background color for your form.

You can arrange the vertical padding value between the elements and your form’s padding value for the right and the left side of the page.

Label

You can hide element label.

You can change label line or align inputs towards the right side.

Input

You can change “Field Width” and “Field Size” from this section. It is going to be implemented for all the elements of your form.

For some elements, it might be necessary to change the size from element settings.

Button

You can change “Button Size” and “Button Width” from this section for the button element that you use in your form.

Loading Settings

You can arrange upload icon that shows during the uploading process. Inside Button: It is seen inside the Submit button. Whole Form: It is seen at the top of the form. Loading Bar: It is seen top of the Submit button.

You can also choose Loading Icons and change their colors.

Custom Css

You can add custom css to operate in every part of the form.

It is recommended for the advanced users.

Please remember that you can add “Additional Css Classes” from style features of each element, too.

You can make the detailed arrangements for from “General” tab by selecting element.

Button Element
To access the form settings, click anywhere in the form window.