Bootstrap-ify forms made with Contact Form 7 in WordPress

Contact Form 7 (CF7) is the most known WordPress plugin for build forms and also it brings us the biggest mystery in history of Internet, that is: why that 7?

So, if you’re designing a WordPress theme using Bootstrap you could want to give the Bootstrap styles to the CF7 forms. You can do it placing this code in your main LESS file.


// Bootstrap-ify forms made with Contact Form 7
form.wpcf7-form{
  .wpcf7-form-control-wrap{
    .form-group;
    
    input, textarea, select{
      .form-control;
    }
    textarea{
      height: 100px;
    }
  }
  
  button, input[type='submit']{
    .btn;
    .btn-default;
  }
}

Categories

Category BootstrapCategory CoffeescriptCategory DrupalCategory GravCategory HTMLCategory JavascriptCategory JoomlaCategory jQueryCategory LaravelCategory MagentoCategory PHPCategory SharePointCategory SpringCategory ThymeleafCategory WordPressCategory Workflow

Comments

Developed and designed by Netgloo
© 2016 Netgloo