{"id":364,"date":"2024-07-31T07:29:48","date_gmt":"2024-07-31T07:29:48","guid":{"rendered":"https:\/\/awplife.com\/demo\/contact-form-premium\/?page_id=364"},"modified":"2024-08-14T07:27:26","modified_gmt":"2024-08-14T07:27:26","slug":"template-design-5-examples","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/contact-form-premium\/template-design-5-examples\/","title":{"rendered":"Template Design 5 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 &amp; Change Background Color <\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1110\" height=\"630\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/forms-concept-illustration-preset-4-demo-1.png\" alt=\"\" class=\"wp-image-419\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/forms-concept-illustration-preset-4-demo-1.png 1110w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/forms-concept-illustration-preset-4-demo-1-300x170.png 300w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/forms-concept-illustration-preset-4-demo-1-1024x581.png 1024w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/forms-concept-illustration-preset-4-demo-1-768x436.png 768w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/><\/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 5, 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 1,<\/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\/forms-concept-illustration-Large-min.png\" 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>.form-container {\nbackground-color: #5ae4a8 !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 &amp; Change Background Color &amp; Title Center<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1387\" height=\"806\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-06-145039.png\" alt=\"\" class=\"wp-image-423\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-06-145039.png 1387w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-06-145039-300x174.png 300w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-06-145039-1024x595.png 1024w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-06-145039-768x446.png 768w\" sizes=\"auto, (max-width: 1387px) 100vw, 1387px\" \/><\/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 5, 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 1,<\/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\/w12-copy.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>.form-container {\n    background-color: #d6e6ff !important;\n}\n.form-container h2 {\n    text-align: center;\n}\n.cfw-5-container {\n    border: 8px solid #000046;\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 &amp; Change Background Color Settings Used Template Design \u2013 5, 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 1, Used Background Image Use Custom CSS Add Background Image &amp; Change Background Color [&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-364","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/364","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=364"}],"version-history":[{"count":6,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/364\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/364\/revisions\/520"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/media?parent=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}