{"id":360,"date":"2024-07-31T07:29:18","date_gmt":"2024-07-31T07:29:18","guid":{"rendered":"https:\/\/awplife.com\/demo\/contact-form-premium\/?page_id=360"},"modified":"2024-08-14T07:26:47","modified_gmt":"2024-08-14T07:26:47","slug":"template-design-3-examples","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/contact-form-premium\/template-design-3-examples\/","title":{"rendered":"Template Design 3 Examples"},"content":{"rendered":"\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Add Background Image or Change Label Size &amp; Rounded Corner<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1561\" height=\"683\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-133954.png\" alt=\"\" class=\"wp-image-401\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-133954.png 1561w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-133954-300x131.png 300w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-133954-1024x448.png 1024w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-133954-768x336.png 768w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-133954-1536x672.png 1536w\" sizes=\"auto, (max-width: 1561px) 100vw, 1561px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Settings Used<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Template Design \u2013 3, Logo URL \u2013 None, Logo Size \u2013 No Logo, Contact Form Position \u2013 Center, Form Background Image \u2013 Select Any Image, Contact Form Width-90%, Select Button Design \u2013 2,<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Used Background Image<\/strong><\/p>\n\n\n\n<div class=\"wp-block-file aligncenter\"><a href=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/8731-Large.jpg\" class=\"wp-block-file__button wp-element-button\" download>Download<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Use Custom CSS<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.cfp-container label {\nfont-weight: bolder;\n}\n.cfw-sidebar {\n    background-color: #28a745 !important;\n}\n.cfp-container {\n    border-radius: 100px !important;\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Add Background Image or Change Label Size &amp; Rounded Corner<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1647\" height=\"689\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-144638.png\" alt=\"\" class=\"wp-image-407\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-144638.png 1647w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-144638-300x126.png 300w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-144638-1024x428.png 1024w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-144638-768x321.png 768w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-05-144638-1536x643.png 1536w\" sizes=\"auto, (max-width: 1647px) 100vw, 1647px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Settings Used<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Template Design \u2013 3, Logo URL \u2013 None, Logo Size \u2013 No Logo, Contact Form Position \u2013 Center, Form Background Image \u2013 Select Any Image, Contact Form Width-90%, Select Button Design \u2013 2,<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Used Background Image<\/strong><\/p>\n\n\n\n<div class=\"wp-block-file aligncenter\"><a href=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/background3-Large.jpg\" class=\"wp-block-file__button wp-element-button\" download>Download<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Use Custom CSS<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.cfp-container label {\nfont-weight: bolder;\n}\n.cfw-sidebar {\n    background-color: #38b7e8 !important;\n}\n.cfp-container {\n    border-radius: 0px !important;\n    border: 2px solid #38b7e8;\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Add Background Image or Use Custom CSS<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1449\" height=\"627\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/forms-concept-illustration-new-demo-3.png\" alt=\"\" class=\"wp-image-413\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/forms-concept-illustration-new-demo-3.png 1449w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/forms-concept-illustration-new-demo-3-300x130.png 300w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/forms-concept-illustration-new-demo-3-1024x443.png 1024w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/forms-concept-illustration-new-demo-3-768x332.png 768w\" sizes=\"auto, (max-width: 1449px) 100vw, 1449px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Settings Used<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Template Design \u2013 3, Logo URL \u2013 None, Logo Size \u2013 No Logo, Contact Form Position \u2013 Center, Form Background Image \u2013 Select Any Image, Contact Form Width-100%, Select Button Design \u2013 2,<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Used Background Image<\/strong><\/p>\n\n\n\n<div class=\"wp-block-file aligncenter\"><a href=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/new-image-contact-form.jpg\" class=\"wp-block-file__button wp-element-button\" download>Download<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Use Custom CSS<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.cfp-container label {\nfont-weight: bolder;\n}\n.cfw-sidebar {\n    background-color: #3f3bd6 !important;\n}\n.cfp-container {\n    border-radius: 50px !important;\n    border: 10px solid #000144;\n}\n    .form-area {\n    width: 100% !important;\n}\nform#user-contact-form {\n    padding-right: 250px;\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Add Background Image or Change Label Size &amp; Rounded Corner Settings Used Template Design \u2013 3, Logo URL \u2013 None, Logo Size \u2013 No Logo, Contact Form Position \u2013 Center, Form Background Image \u2013 Select Any Image, Contact Form Width-90%, Select Button Design \u2013 2, Used Background Image Use Custom CSS Add Background Image or [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-360","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/comments?post=360"}],"version-history":[{"count":13,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/360\/revisions"}],"predecessor-version":[{"id":518,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/360\/revisions\/518"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/media?parent=360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}