{"id":428,"date":"2024-08-06T09:26:19","date_gmt":"2024-08-06T09:26:19","guid":{"rendered":"https:\/\/awplife.com\/demo\/contact-form-premium\/?page_id=428"},"modified":"2024-08-14T07:30:33","modified_gmt":"2024-08-14T07:30:33","slug":"template-design-7-examples","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/contact-form-premium\/template-design-7-examples\/","title":{"rendered":"Template Design 7 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 Button Color<\/h2>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1249\" height=\"662\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-09-123947-min.png\" alt=\"\" class=\"wp-image-456\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-09-123947-min.png 1249w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-09-123947-min-300x159.png 300w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-09-123947-min-1024x543.png 1024w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-09-123947-min-768x407.png 768w\" sizes=\"auto, (max-width: 1249px) 100vw, 1249px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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 7, 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\/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>.btn-primary {\n    background-color: #23272a  !important;\n    border-color: #f8f9fa  !important;\n}\n.btn-primary:hover {\n    background-color: #40464a !important;\n    border-color: #01d131 !important;\n}\n.cfw-seven-container {\n    border-radius: 50px !important;\n}\n.cfw-seven-right-column {\n    flex: 2 !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 Position <\/h2>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1387\" height=\"736\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-09-125644-min.png\" alt=\"\" class=\"wp-image-455\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-09-125644-min.png 1387w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-09-125644-min-300x159.png 300w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-09-125644-min-1024x543.png 1024w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-09-125644-min-768x408.png 768w\" sizes=\"auto, (max-width: 1387px) 100vw, 1387px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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 7, 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\/chair-table-dinning-beach-sea-with-blue-sky-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>.cfw-seven-container {\n    border-radius: 50px !important;\n}\n.cfw-seven-right-column {\n    flex: 2 !important;\n}\n.cfw-seven-left-column {\n    order: 2;\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 Button Color Settings Used Template Design \u2013 7, 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 Position Settings [&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-428","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/428","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=428"}],"version-history":[{"count":12,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/428\/revisions"}],"predecessor-version":[{"id":526,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/428\/revisions\/526"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/media?parent=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}