{"id":48904,"date":"2016-06-11T05:34:29","date_gmt":"2016-06-11T05:34:29","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/styler-for-contact-form-7\/"},"modified":"2017-04-06T07:48:52","modified_gmt":"2017-04-06T07:48:52","slug":"styler-for-contact-form-7","status":"publish","type":"plugin","link":"https:\/\/ve.wordpress.org\/plugins\/styler-for-contact-form-7\/","author":14801049,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1","stable_tag":"1.1","tested":"4.7.33","requires":"4.0","requires_php":"","requires_plugins":"","header_name":"Styler for Contact Form 7","header_author":"Sushil Kumar","header_description":"","assets_banners_color":"","last_updated":"2017-04-06 07:48:52","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"http:\/\/wpmonks.com\/styler-contact-form7","header_author_uri":"http:\/\/wpmonks.com\/","rating":4,"author_block_rating":0,"active_installs":40,"downloads":4107,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":"1","4":0,"5":"1"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Open Customize window","2":"Styler for Contact Form 7 Panel","3":"Sections for Settings","4":"Options in settings"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1152,16842,138858,138859,138857],"plugin_category":[],"plugin_contributors":[82082],"plugin_business_model":[],"class_list":["post-48904","plugin","type-plugin","status-publish","hentry","plugin_tags-contact-form-7","plugin_tags-contact-form-7-css","plugin_tags-contact-form-7-design","plugin_tags-contact-form-7-layout","plugin_tags-contact-form-7-styler","plugin_contributors-wpmonks","plugin_committers-wpmonks"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/styler-for-contact-form-7.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n

Style Contact Form 7 without any CSS Coding.<\/strong> This free plugin comes with 50+ options to design different sections for form like form wrapper, labels, text fields, dropdowns, radio inputs, checkbox inputs , paragraph text area, submit button and many more.<\/p>\n\n

You can customize background color, font size, font family, borders, width, text alignment, margin, padding, font color and more without writing a single line of CSS code.<\/p>\n\n

Create beautiful themes and templates without hiring a designer. Layout for each form is stored sepreately so that you can create different design for each form.<\/p>\n\n\n

\n
Installation Instructions<\/dt>\n
    \n
  1. Upload the plugin files to the \/wp-content\/plugins\/styler-for-contact-form-7<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n
  2. Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n
  3. Now go to any post\/page(in frontend) where you have added a form. Make sure you are logged in.<\/li>\n
  4. Click on the Customize button to launch Wordpress Customizer.<\/li>\n
  5. Click on \"Styler for Contact Form 7\" and then select the Form you want to customize.<\/li>\n
  6. Wait while the plugin saves your form selection and refreshes the page.<\/li>\n
  7. Now start designing your form<\/li>\n<\/ol><\/dd>\n
    Can I create different styles for different Forms?<\/dt>\n

    Yes each form design is stored seprately. So, design for each form can be different<\/p><\/dd>\n

    Can I create multiple styles for one form<\/dt>\n

    As of now you can only create one design for one form. If you want to create multiple designs for single form then first duplicate it in Contact Form 7 and then create a new design for it.<\/p><\/dd>\n\n<\/dl>\n\n\n

    v1.1 6\/4\/2017<\/h4>\n\n
      \n
    • Updated contact form 7 detection logic<\/li>\n
    • Automatically add 'px' to values<\/li>\n
    • Updated live preview for CSS styling<\/li>\n
    • Added ability to create sepreate design for each form<\/li>\n<\/ul>\n\n

      1.0<\/h4>\n\n
        \n
      • initial release<\/li>\n<\/ul>","raw_excerpt":"Styler for Contact Form 7 helps you to create beautiful designs without CSS Coding.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/48904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=48904"}],"author":[{"embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wpmonks"}],"wp:attachment":[{"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=48904"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=48904"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=48904"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=48904"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=48904"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=48904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}