{"id":1011,"date":"2015-09-27T22:42:33","date_gmt":"2015-09-27T17:42:33","guid":{"rendered":"https:\/\/ahmadawais.com\/?p=1011"},"modified":"2017-03-30T11:55:18","modified_gmt":"2017-03-30T06:55:18","slug":"cf7-customizer-form-styling-via-wp-live-customizer","status":"publish","type":"post","link":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/","title":{"rendered":"Introducing CF7 Customizer | Form Styling via WP Live Customizer"},"content":{"rendered":"<p>We always hope for the easy fix: the one simple change that will erase a problem in a stroke. But this is not a good strategy, though, to be honest, almost every theme I build I end up providing my clients with some basic styling for their use of\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\">Contact Form 7<\/a> plugin \u2014 <em>the easy fix<\/em>.<\/p>\n<p>I suppose it is tempting, if you are any good at development, to treat everything as if it were a product you plan to build next, and then there is this sound of your inner self, telling you to stop doing whatever you&#8217;re up to and &#8220;<em>You know what I should build a plugin to solve this problem!<\/em>&#8220;.<\/p>\n<p>The only thing more frustrating than a problem is knowing that you can solve it.\u00a0Best products are built\u00a0when you solve a problem. That&#8217;s what I did here. I have built a plugin which you can use to customize your contact form 7 forms, regardless of the theme you are using.<\/p>\n<p>So, yes! I decided to listen and do what I feel like doing. I knew that the lesson will always repeat itself\u00a0unless I\u00a0see myself as the problem&#8211;not others. You must be thinking what lesson? What is all this? What about CF7 Customizer. So, let&#8217;s put an end to this horrid description of how I started building Contact Form 7 customizer and move on to what you came here to read about.<\/p>\n<h2 id=\"cf7-customizer\">CF7 Customizer<a href=\"#cf7-customizer\" class=\"heading-link\">#<\/a><\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/cf7-customizer\/\">CF7 Customizer<\/a>\u00a0is an intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end. Cherry on the top, it will be\u00a0free forever.<\/p>\n<\/section>\n<div class=\"postcontents full\">\n<div class=\"wistia_responsive_padding\" style=\"padding: 48.75% 0 0 0; position: relative;\">\n<div class=\"wistia_responsive_wrapper\" style=\"height: 100%; left: 0; position: absolute; top: 0; width: 100%;\"><iframe loading=\"lazy\" class=\"wistia_embed\" src=\"\/\/fast.wistia.net\/embed\/iframe\/a9vgk4oaz2?videoFoam=true\" name=\"wistia_embed\" width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<p><script src=\"\/\/fast.wistia.net\/assets\/external\/E-v1.js\" async=\"\"><\/script><\/p>\n<\/div>\n<section class=\"postcontents wrapper\">\n<p>This is it. A simple to use and neat plugin for anyone who wants to customize the look and feel of Contact Form 7 plugin based forms. Born <em>out of frustration<\/em> with the <a href=\"https:\/\/ahmadawais.com\/add-plugins-compatibility-premium-wordpress-theme\/\">plugins compatibility for themes<\/a>, CF7 Customizer is <em>built<\/em> to increase productivity,\u00a0style and yes, Developer-peace-of-mind\u2122.<\/p>\n<h2 id=\"screenshots\">Screenshots<a href=\"#screenshots\" class=\"heading-link\">#<\/a><\/h2>\n<p>A\u00a0few screenshots of <a href=\"https:\/\/wordpress.org\/plugins\/cf7-customizer\/screenshots\/\">CF7 Customizer<\/a>\u00a0for WordPress.<\/p>\n<div style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1019\" src=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-1.png\" alt=\"CF7 Customizer screenshot-1\" width=\"800\" height=\"743\" srcset=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-1.png 800w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-1-300x279.png 300w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-1-680x632.png 680w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-1-400x372.png 400w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-1-50x46.png 50w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p class=\"wp-caption-text\">Open customizer at contact form 7 page and you will find a new menu called CF7 Customizer<\/p>\n<\/div>\n<div style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1020\" src=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-2.png\" alt=\"CF7 Customizer screenshot-2\" width=\"800\" height=\"743\" srcset=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-2.png 800w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-2-300x279.png 300w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-2-680x632.png 680w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-2-400x372.png 400w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-2-50x46.png 50w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p class=\"wp-caption-text\">Inside CF7 Customizer panel, there are four sections for you to customize<\/p>\n<\/div>\n<div style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1021\" src=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-3.png\" alt=\"CF7 Customizer screenshot-3\" width=\"800\" height=\"743\" srcset=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-3.png 800w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-3-300x279.png 300w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-3-680x632.png 680w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-3-400x372.png 400w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-3-50x46.png 50w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p class=\"wp-caption-text\">Form Text &amp; BG Colors Section<\/p>\n<\/div>\n<div style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1022\" src=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-4.png\" alt=\"CF7 Customizer screenshot-4\" width=\"800\" height=\"743\" srcset=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-4.png 800w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-4-300x279.png 300w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-4-680x632.png 680w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-4-400x372.png 400w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-4-50x46.png 50w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p class=\"wp-caption-text\">Form Padding, Margin &amp; Border Section<\/p>\n<\/div>\n<div style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1023\" src=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-5.png\" alt=\"CF7 Customizer screenshot-5\" width=\"800\" height=\"743\" srcset=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-5.png 800w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-5-300x279.png 300w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-5-680x632.png 680w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-5-400x372.png 400w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-5-50x46.png 50w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p class=\"wp-caption-text\">Input Field Styling Section<\/p>\n<\/div>\n<div style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1024\" src=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-6.png\" alt=\"CF7 Customizer screenshot-6\" width=\"800\" height=\"743\" srcset=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-6.png 800w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-6-300x279.png 300w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-6-680x632.png 680w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-6-400x372.png 400w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/screenshot-6-50x46.png 50w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p class=\"wp-caption-text\">Button Styling Section<\/p>\n<\/div>\n<h2 id=\"getting-started\"><strong>Getting Started<\/strong><a href=\"#getting-started\" class=\"heading-link\">#<\/a><\/h2>\n<p>Let&#8217;s get you started<\/p>\n<ul>\n<li><strong>Step #0:<\/strong> \u2192 Install &amp; Activate Contact Form 7.<\/li>\n<li><strong>Step #1:<\/strong> \u2192 Add New Form and SAVE it.<\/li>\n<li><strong>Step #2:<\/strong> COPY the shortcode of the form you just created and paste it inside your Contact Page.<\/li>\n<li><strong>Step #3:<\/strong> Go to your contact page(front-end) and open CUSTOMIZER from the admin bar.<\/li>\n<li><strong>Step #4:<\/strong> Find and open CF7 Customizer panel and customize your contact forms. Voila!<\/li>\n<\/ul>\n<h2 id=\"fellow-developers\">Fellow Developers!<a href=\"#fellow-developers\" class=\"heading-link\">#<\/a><\/h2>\n<p>If you are a developer interested in contributing to the CF7 Customizer plugin for WordPress, then you&#8217;re more than welcomed to send pull requests or open issues at the <a href=\"https:\/\/github.com\/ahmadawais\/CF7-Customizer\/\">GitHub repository<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/cf7-customizer\/\" target=\"_blank\" class=\"shortbutton gray large\"><i class=\"fa fa-wordpress\" style=\"font-size:28px\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709C3.694 19.96 1.212 16.271 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0\" fill=\"currentColor\"\/><\/svg><\/i> Download from WordPress.org<\/a>\u00a0<a href=\"https:\/\/github.com\/ahmadawais\/CF7-Customizer\/\" target=\"_blank\" class=\"shortbutton blue large\"><i class=\"fa fa-github\" style=\"font-size:28px\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 1.95068C17.525 1.95068 22 6.42568 22 11.9507C21.9995 14.0459 21.3419 16.0883 20.1198 17.7902C18.8977 19.4922 17.1727 20.768 15.1875 21.4382C14.6875 21.5382 14.5 21.2257 14.5 20.9632C14.5 20.6257 14.5125 19.5507 14.5125 18.2132C14.5125 17.2757 14.2 16.6757 13.8375 16.3632C16.0625 16.1132 18.4 15.2632 18.4 11.4257C18.4 10.3257 18.0125 9.43818 17.375 8.73818C17.475 8.48818 17.825 7.46318 17.275 6.08818C17.275 6.08818 16.4375 5.81318 14.525 7.11318C13.725 6.88818 12.875 6.77568 12.025 6.77568C11.175 6.77568 10.325 6.88818 9.525 7.11318C7.6125 5.82568 6.775 6.08818 6.775 6.08818C6.225 7.46318 6.575 8.48818 6.675 8.73818C6.0375 9.43818 5.65 10.3382 5.65 11.4257C5.65 15.2507 7.975 16.1132 10.2 16.3632C9.9125 16.6132 9.65 17.0507 9.5625 17.7007C8.9875 17.9632 7.55 18.3882 6.65 16.8757C6.4625 16.5757 5.9 15.8382 5.1125 15.8507C4.275 15.8632 4.775 16.3257 5.125 16.5132C5.55 16.7507 6.0375 17.6382 6.15 17.9257C6.35 18.4882 7 19.5632 9.5125 19.1007C9.5125 19.9382 9.525 20.7257 9.525 20.9632C9.525 21.2257 9.3375 21.5257 8.8375 21.4382C6.8458 20.7752 5.11342 19.502 3.88611 17.799C2.65881 16.096 1.9989 14.0498 2 11.9507C2 6.42568 6.475 1.95068 12 1.95068Z\" fill=\"currentColor\"><\/path><\/svg><\/i> CF7 Customizer at GitHub<\/a><\/p>\n<h2 id=\"updates\">Updates<a href=\"#updates\" class=\"heading-link\">#<\/a><\/h2>\n<ul>\n<li><a href=\"https:\/\/www.producthunt.com\/tech\/contact-form7-customizer\" target=\"_blank\">CF7 Customizer\u00a0got featured at ProductHunt<\/a><\/li>\n<li>Yay! on being featured in the daily top 10 on Product Hunt!<\/li>\n<li>20+ People at <a href=\"https:\/\/managewp.org\/articles\/10836\/introducing-cf7-customizer-form-styling-via-wp-live-customizer#comments-section\" target=\"_blank\">ManageWP.org loved CF7 Customizer<\/a><\/li>\n<li>About 30K Downloads and 10k active installs.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>CF7 Customizer is an intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end. Cherry on the top, it will be free forever.<\/p>\n","protected":false},"author":2,"featured_media":1028,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"webmentions_disabled_pings":false,"webmentions_disabled":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[10],"tags":[96,64],"class_list":["post-1011","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-cf7customizer","tag-wordpress-plugin"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Introducing CF7 Customizer | Form Styling via WP Customizer<\/title>\n<meta name=\"description\" content=\"CF7 Customizer is an intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end. Free forever!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing CF7 Customizer | Form Styling via WP Customizer\" \/>\n<meta property=\"og:description\" content=\"CF7 Customizer is an intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end. Free forever!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/\" \/>\n<meta property=\"og:site_name\" content=\"Ahmad Awais\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/AhmadAwais\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/AhmadAwais\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-27T17:42:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-30T06:55:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/CFC_Brush.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2556\" \/>\n\t<meta property=\"og:image:height\" content=\"1278\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ahmad Awais\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MrAhmadAwais\" \/>\n<meta name=\"twitter:site\" content=\"@MrAhmadAwais\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ahmad Awais\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/\"},\"author\":{\"name\":\"Ahmad Awais\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\"},\"headline\":\"Introducing CF7 Customizer | Form Styling via WP Live Customizer\",\"datePublished\":\"2015-09-27T17:42:33+00:00\",\"dateModified\":\"2017-03-30T06:55:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/\"},\"wordCount\":585,\"commentCount\":14,\"publisher\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\"},\"image\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/CFC_Brush.png\",\"keywords\":[\"CF7Customizer\",\"WordPress Plugin\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/\",\"name\":\"Introducing CF7 Customizer | Form Styling via WP Customizer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/CFC_Brush.png\",\"datePublished\":\"2015-09-27T17:42:33+00:00\",\"dateModified\":\"2017-03-30T06:55:18+00:00\",\"description\":\"CF7 Customizer is an intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end. Free forever!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/CFC_Brush.png\",\"contentUrl\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/CFC_Brush.png\",\"width\":2556,\"height\":1278,\"caption\":\"CF7 Customizer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/cf7-customizer-form-styling-via-wp-live-customizer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ahmadawais.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing CF7 Customizer | Form Styling via WP Live Customizer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#website\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/\",\"name\":\"Ahmad Awais\",\"description\":\"Founder &amp; CEO of Command Code | Google Developers Advisory Board (gDAB) founding member\",\"publisher\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ahmadawais.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\",\"name\":\"Ahmad Awais\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\",\"contentUrl\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\",\"width\":2299,\"height\":1705,\"caption\":\"Ahmad Awais\"},\"logo\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\"},\"description\":\"Founder & CEO of Command Code, the most used coding agent for open models. NASA Ingenuity Mars Helicopter open source contributor, 6\u00d7 GitHub Star, Google Developers Advisory Board founding member, and angel investor.\",\"sameAs\":[\"https:\\\/\\\/AhmadAwais.com\\\/\",\"https:\\\/\\\/facebook.com\\\/AhmadAwais\",\"https:\\\/\\\/instagram.com\\\/MrAhmadAwais\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/MrAhmadAwais\\\/\",\"https:\\\/\\\/x.com\\\/MrAhmadAwais\",\"https:\\\/\\\/youtube.com\\\/AhmadAwais\",\"https:\\\/\\\/github.com\\\/ahmadawais\",\"https:\\\/\\\/www.youtube.com\\\/AhmadAwais\",\"https:\\\/\\\/bsky.app\\\/profile\\\/ahmadawais.com\",\"https:\\\/\\\/commandcode.ai\"],\"jobTitle\":\"Founder & CEO\",\"worksFor\":{\"@type\":\"Organization\",\"name\":\"Command Code\",\"url\":\"https:\\\/\\\/commandcode.ai\"},\"award\":[\"NASA Ingenuity Mars Helicopter open source contributor\",\"6\u00d7 GitHub Stars (one of the first 8 Gold Stars)\",\"#1 trending JavaScript developer on GitHub\",\"Best Speaker, AI Engineer World\u2019s Fair\",\"MIT Media Lab & Automattic Open Source Design Award\",\"MongoDB Innovation Award\",\"6\u00d7 Google Developer Expert\",\"6\u00d7 Microsoft MVP\"],\"memberOf\":[{\"@type\":\"Organization\",\"name\":\"Google Developers Advisory Board\"},{\"@type\":\"Organization\",\"name\":\"OpenAPI Initiative Business Governing Board, Linux Foundation\"},{\"@type\":\"Organization\",\"name\":\"SF DevNetwork AI\\\/ML Advisory Board\"}],\"alumniOf\":{\"@type\":\"CollegeOrUniversity\",\"name\":\"University of Engineering and Technology, Lahore\"},\"knowsAbout\":[\"AI coding agents\",\"Developer tools\",\"Open source\",\"Developer relations\",\"TypeScript\",\"Node.js\",\"CLI\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing CF7 Customizer | Form Styling via WP Customizer","description":"CF7 Customizer is an intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end. Free forever!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/","og_locale":"en_US","og_type":"article","og_title":"Introducing CF7 Customizer | Form Styling via WP Customizer","og_description":"CF7 Customizer is an intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end. Free forever!","og_url":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/","og_site_name":"Ahmad Awais","article_publisher":"https:\/\/facebook.com\/AhmadAwais","article_author":"https:\/\/facebook.com\/AhmadAwais","article_published_time":"2015-09-27T17:42:33+00:00","article_modified_time":"2017-03-30T06:55:18+00:00","og_image":[{"width":2556,"height":1278,"url":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/CFC_Brush.png","type":"image\/png"}],"author":"Ahmad Awais","twitter_card":"summary_large_image","twitter_creator":"@MrAhmadAwais","twitter_site":"@MrAhmadAwais","twitter_misc":{"Written by":"Ahmad Awais","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/#article","isPartOf":{"@id":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/"},"author":{"name":"Ahmad Awais","@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b"},"headline":"Introducing CF7 Customizer | Form Styling via WP Live Customizer","datePublished":"2015-09-27T17:42:33+00:00","dateModified":"2017-03-30T06:55:18+00:00","mainEntityOfPage":{"@id":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/"},"wordCount":585,"commentCount":14,"publisher":{"@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b"},"image":{"@id":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/#primaryimage"},"thumbnailUrl":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/CFC_Brush.png","keywords":["CF7Customizer","WordPress Plugin"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/","url":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/","name":"Introducing CF7 Customizer | Form Styling via WP Customizer","isPartOf":{"@id":"https:\/\/ahmadawais.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/#primaryimage"},"image":{"@id":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/#primaryimage"},"thumbnailUrl":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/CFC_Brush.png","datePublished":"2015-09-27T17:42:33+00:00","dateModified":"2017-03-30T06:55:18+00:00","description":"CF7 Customizer is an intuitive plugin to design your contact forms via WordPress live customizer, right at the front-end. Free forever!","breadcrumb":{"@id":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/#primaryimage","url":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/CFC_Brush.png","contentUrl":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/CFC_Brush.png","width":2556,"height":1278,"caption":"CF7 Customizer"},{"@type":"BreadcrumbList","@id":"https:\/\/ahmadawais.com\/cf7-customizer-form-styling-via-wp-live-customizer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ahmadawais.com\/"},{"@type":"ListItem","position":2,"name":"Introducing CF7 Customizer | Form Styling via WP Live Customizer"}]},{"@type":"WebSite","@id":"https:\/\/ahmadawais.com\/#website","url":"https:\/\/ahmadawais.com\/","name":"Ahmad Awais","description":"Founder &amp; CEO of Command Code | Google Developers Advisory Board (gDAB) founding member","publisher":{"@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ahmadawais.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b","name":"Ahmad Awais","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg","url":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg","contentUrl":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg","width":2299,"height":1705,"caption":"Ahmad Awais"},"logo":{"@id":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg"},"description":"Founder & CEO of Command Code, the most used coding agent for open models. NASA Ingenuity Mars Helicopter open source contributor, 6\u00d7 GitHub Star, Google Developers Advisory Board founding member, and angel investor.","sameAs":["https:\/\/AhmadAwais.com\/","https:\/\/facebook.com\/AhmadAwais","https:\/\/instagram.com\/MrAhmadAwais\/","https:\/\/www.linkedin.com\/in\/MrAhmadAwais\/","https:\/\/x.com\/MrAhmadAwais","https:\/\/youtube.com\/AhmadAwais","https:\/\/github.com\/ahmadawais","https:\/\/www.youtube.com\/AhmadAwais","https:\/\/bsky.app\/profile\/ahmadawais.com","https:\/\/commandcode.ai"],"jobTitle":"Founder & CEO","worksFor":{"@type":"Organization","name":"Command Code","url":"https:\/\/commandcode.ai"},"award":["NASA Ingenuity Mars Helicopter open source contributor","6\u00d7 GitHub Stars (one of the first 8 Gold Stars)","#1 trending JavaScript developer on GitHub","Best Speaker, AI Engineer World\u2019s Fair","MIT Media Lab & Automattic Open Source Design Award","MongoDB Innovation Award","6\u00d7 Google Developer Expert","6\u00d7 Microsoft MVP"],"memberOf":[{"@type":"Organization","name":"Google Developers Advisory Board"},{"@type":"Organization","name":"OpenAPI Initiative Business Governing Board, Linux Foundation"},{"@type":"Organization","name":"SF DevNetwork AI\/ML Advisory Board"}],"alumniOf":{"@type":"CollegeOrUniversity","name":"University of Engineering and Technology, Lahore"},"knowsAbout":["AI coding agents","Developer tools","Open source","Developer relations","TypeScript","Node.js","CLI"]}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2015\/09\/CFC_Brush.png","_links":{"self":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/posts\/1011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/comments?post=1011"}],"version-history":[{"count":0,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/posts\/1011\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/media\/1028"}],"wp:attachment":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/media?parent=1011"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/categories?post=1011"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/tags?post=1011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}