=== CF7 Customizer === Contributors: mrahmadawais, WPTie, freemius Donate link: http://AhmadAwais.com/contact/ Tags: contact form 7, contact form 7 customizer, cf7 customizer, contact form 7 customiser, contact form 7 themes, cf7 skin, cf7 theme, cf7 Style, cf7 template, cf7, CF7 addon, CF7 style, form templates, contact form 7, CF7Customizer, CF7 Customisor, contact form 7 css, contact form 7 style, contact form 7 styling, custom form styling, customize, multiple form styling, styling contact form, styling contact form 7, Contact Form 7 Skins, form CSS, cf7 form, skin, Style, template Requires at least: 4.0.0 Tested up to: 4.4 Stable tag: 1.0.3 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html CF7 Customizer is an intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end. == Description == > CF7 Customizer is an intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end. ###Getting started: Let's get you started * Step #0: → Install/Activate Contact Form 7 & Titan Framework. * Step #1: → Add New Form and SAVE it. * Step #2: COPY the shortcode of the form you just created and paste it inside your Contact Page. * Step #3: Go to your contact page(front-end) and open CUSTOMIZER from the admin bar. * Step #4: Find and open CF7 Customizer panel and customize your contact forms. Voila! **Pst. We have big plans for this plugin** [vimeo https://vimeo.com/139903612] == Installation == * Step #0: → After installing CF7Customizer, Install/Activate Contact Form 7 &Titan Framework. * Step #1: → Add New Form and SAVE it. * Step #2: COPY the shortcode of the form you just created and paste it inside your Contact Page. * Step #3: Go to your contact page(front-end) and open CUSTOMIZER from the admin bar. * Step #4: Find and open CF7 Customizer panel and customize your contact forms. Voila == Screenshots == 1. Open customizer at contact form 7 page and you will find a new menu called `CF7 Customizer` 2. Inside CF7 Customizer panel there are four sections for you to customize 3. Form Text & BG Colors Section 4. Form Padding, Margin & Border Section 5. Input Field Styling Section 6. Button Styling Section = How to get support? = If you have any questions post in the WordPress.org forums or reach out to me at Twitter [@mrahmadawais](http://twitter.com/mrahmadawais). == Changelog == = 1.0.3 = - WordPress 4.5 compatible. - Minor freemius bugs removed and API updated. = 1.0.2 = - WordPress 4.4 compatible. - Minor freemius bugs removed. - TitanFramework is now called as a plugin instead of being embedded. = 1.0.1 = - WordPress 4.4 compatible - New Section: Custom CSS - Border-radius added to form, inputs and button - TGMPA updated - Titan Framework updated - Freemius support app added = 1.0.0 = Sections - Form Text & BG Colors - Form Padding, Margin & Border - Input Field Styling - Button Styling = 0.0.1 = * First commit == Upgrade Notice == Nothing at the moment. == Frequently Asked Questions == **Q1: Styles didn't show up after I saved and press 'x' in the Customizer?** **Ans:** Press refresh, and clear the cache. It happens for reasons like, if: * You use any caching plugin * Your server has some cache generation * You are using CloudFlare So, just clear the cache and press refresh button on your browser a few times. **Q2: I am unable to find CF7Customizer settings page? Where is that?** **Ans:** I can understand that could be frustrating. You need to read these two steps again Step #3: Go to your contact page(front-end) and open CUSTOMIZER from the admin bar. Step #4: Find and open CF7 Customizer panel and customize your contact forms. Voila! Here, I created a screencast for you to understand these two steps [Watch it!](http://jmp.sh/bwkBqCM)