{"id":426,"date":"2024-08-06T09:26:08","date_gmt":"2024-08-06T09:26:08","guid":{"rendered":"https:\/\/awplife.com\/demo\/contact-form-premium\/?page_id=426"},"modified":"2024-08-14T07:27:48","modified_gmt":"2024-08-14T07:27:48","slug":"template-design-6-examples","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/contact-form-premium\/template-design-6-examples\/","title":{"rendered":"Template Design 6 Examples"},"content":{"rendered":"\n<div style=\"height:40px\" 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<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\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"909\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-07-152753.png\" alt=\"\" class=\"wp-image-437\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-07-152753.png 677w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-07-152753-223x300.png 223w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"909\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-07-151608.png\" alt=\"\" class=\"wp-image-436\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-07-151608.png 677w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/Screenshot-2024-08-07-151608-223x300.png 223w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/figure>\n<\/div>\n<\/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\">\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-six-header {\n  height: 280px !important;\n}\n.form-six-content input, textarea {\n       background-color: whitesmoke !important;\n}\nbutton.btn.btn-primary {\n    width: -webkit-fill-available;\n}<\/code><\/pre>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\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 6, Logo URL \u2013 None, Logo Size \u2013 No Logo, Contact Form Position \u2013 Center, Form Background Image \u2013 Select Any Image, Contact Form Width-65%, Select Button Design \u2013 1&amp;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\/Two-tiny-men-preparing-for-move-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\">\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-six-header {\n  height: 280px !important;\n}\nform#user-contact-form input::placeholder, textarea#message::placeholder {\n    color: white;\n}\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\">Change Background Image &amp; Change Button Color <\/h2>\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\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"809\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/layout-6-demo-2-2.png\" alt=\"\" class=\"wp-image-446\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/layout-6-demo-2-2.png 601w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/layout-6-demo-2-2-223x300.png 223w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"721\" height=\"969\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/layout-6-demo-2-1.png\" alt=\"\" class=\"wp-image-445\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/layout-6-demo-2-1.png 721w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/layout-6-demo-2-1-223x300.png 223w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/figure>\n<\/div>\n<\/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\">\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-six-header {\n  height: 280px !important;\n}\nform#user-contact-form input::placeholder, textarea#message::placeholder {\n    color: white;\n}\n.form-six-content h2,.form-six-content p {\n       text-align: center;\n}<\/code><\/pre>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\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 6, Logo URL \u2013 None, Logo Size \u2013 No Logo, Contact Form Position \u2013 Center, Form Background Image \u2013 Select Any Image, Contact Form Width-65%, Select Button Design \u2013 1&amp;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 id=\"wp-block-file--media-30427d8c-73e0-402e-b986-8bddc1016eb6\" href=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/cascade-boat-clean-china-natural-rural-Large-min.jpg\">Background-1<\/a><a href=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/cascade-boat-clean-china-natural-rural-Large-min.jpg\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-30427d8c-73e0-402e-b986-8bddc1016eb6\">Download<\/a><\/div>\n\n\n\n<div class=\"wp-block-file aligncenter\"><a id=\"wp-block-file--media-7ab7e36c-6352-4626-9146-82cb1cd52292\" 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\">Background-2<\/a><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 aria-describedby=\"wp-block-file--media-7ab7e36c-6352-4626-9146-82cb1cd52292\">Download<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\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-six-header {\n  height: 280px !important;\n}\nform#user-contact-form input::placeholder, textarea#message::placeholder {\n    color: white;\n}\n.form-six-content h2,.form-six-content p {\n       text-align: center;\n}\n.btn-primary {\n    background-color: #23272a  !important;\n    border-color: #23272a  !important;\n}\n.btn-primary:hover {\n    background-color: #40464a!important;\n    border-color: #40464a!important;\n}\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 Use Custom CSS Settings Used Template Design \u2013 6, Logo URL \u2013 None, Logo Size \u2013 No Logo, Contact Form Position \u2013 Center, Form Background Image \u2013 Select Any Image, Contact Form Width-65%, Select Button Design \u2013 1&amp;2, Used Background Image Use Custom CSS Change Background Image &amp; [&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-426","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/426","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=426"}],"version-history":[{"count":8,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/426\/revisions"}],"predecessor-version":[{"id":521,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/426\/revisions\/521"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/media?parent=426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}