Support » Theme: DW Minion » How to create Contact Page with form

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author DesignWall

    (@designwall)

    Hi,

    To create the contact form like on our demo site, you can use the code below in the contact page (use Text editor NOT Visual):

    <fieldset>
    <legend>Use the form below to drop me a message</legend>
    [change the text with Contact form 7 Shortcode...]
    </fieldset>

    Then you’ll need a little CSS to style for the contact form, go to Dashboard / Appearance / Customize / Custom Code, and add the following code to Header Code:

    <style>
    .wpcf7-form {
      margin-bottom: 0;
    }
    .wpcf7-submit {
      float: right;
      display: inline-block;
      padding: 5px 15px;
      margin-bottom: 0;
      line-height: 30px;
      font-size: 15px;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      color: #fff;
      border: 0;
      font-family: 'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif;
      background-color: #333;
      text-transform: capitalize;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      -webkit-transition: background .2s;
      -moz-transition: background .2s;
      -o-transition: background .2s;
      transition: background .2s;
    }
    .wpcf7-submit:hover {
      background-color: #7cc576;
      text-decoration: none;
      color: #fff;
    }
    </style>

    Hope that helps!

    Thanks. it work.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to create Contact Page with form’ is closed to new replies.