{"id":2445,"date":"2021-12-13T10:25:40","date_gmt":"2021-12-13T10:25:40","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/email-spacer-widget\/"},"modified":"2022-06-09T11:23:06","modified_gmt":"2022-06-09T11:23:06","slug":"email-spacer-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/email\/creator\/spacer\/","title":{"rendered":"Email Spacer Widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p>The <strong>Spacer<\/strong> widget helps you add space between two widgets\/ content blocks in your Email. Including space in your Email can be important from both aesthetic and functional points of view. Pages with appropriate spacing look better and are easier to read, especially on smaller screens.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2082\" title=\"Email spacer widget example\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-spacer-widget.png\" alt=\"Email creator, the spacer widget example\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h2>How to use a Spacer Widget in an Email campaign?<\/h2>\n<h3>Step 1<\/h3>\n<h3>Navigate to the Email Creator<\/h3>\n<p>Use the <strong>Main Menu<\/strong> on the left to create an <strong>Email&nbsp;<\/strong>and subsequently <a href=\"\/hc\/email\/creator\/how-to-create-email\/\" target=\"_blank\" rel=\"noopener noreferrer\">navigate to the Email Creator<\/a>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Step 2<\/h3>\n<h3>Add a Spacer widget to your Email<\/h3>\n<p>The blank area on the left is the <strong>Work area<\/strong> where you design your Email, and the area on the right is the Tools area where all the available design elements are displayed as <a href=\"\/hc\/email\/creator\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">Widgets<\/a>.<\/p>\n<p>In order to add a blank <strong>Space<\/strong> to your Email, drag and drop the <strong>Spacer<\/strong> widget to the Work area <em>(as highlighted in the screenshot below).<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2084\" title=\"Email spacer widget \" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-editor-space-widget.png\" alt=\"Email creator, the spacer widget is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Step 3<\/h3>\n<h3>Design the space as required<\/h3>\n<p>Use the various options available under the <strong>Style<\/strong> tab to customize the space as per your design preferences <em>(as highlighted in the screenshot below).&nbsp;<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2085\" title=\"Email spacer widget settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-spacer-widget-setting.png\" alt=\"Email creator, spacer widget settings tab with height slider highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Herein, use the fields:<\/p>\n<h4><strong>3.1 Spacer Font settings and Background Color<\/strong><\/h4>\n<ul style=\"margin-left: 40px; list-style-type: circle;\">\n<li><strong>Widget Background Color<\/strong>: Either use the color picker to specify the color of the Space or select the checkbox &#8211; <strong>Widget Background Transparent<\/strong> if you wish to make this Space transparent.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4><strong>3.2 Widget Height<\/strong><\/h4>\n<ul style=\"margin-left: 40px; list-style-type: circle;\">\n<li>Use this sizing bar to adjust the height of the blank space.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<p>Click <strong>Save<\/strong>, and that\u2019s it!<\/p>\n<p>You have successfully added blank space between two content blocks on your Email!<\/p>\n<p>Let&#8217;s proceed, and have a look at how to add a divider line between two content blocks in the Email using the <a href=\"\/hc\/email\/creator\/line\/\" target=\"_blank\" rel=\"noopener noreferrer\">Line Widget<\/a>.<\/p>\n<\/div>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span{color:#0070ba!important}.aricle_container li,.aricle_container blockquote{font-size:18px!important;    font-weight: 400;<br \/>\n  }<br \/>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>The spacer widget helps you add a blank space between two widgets\/ content blocks in your Email.<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[228],"ht-kb-tag":[],"class_list":["post-2445","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-email-creator"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/comments?post=2445"}],"version-history":[{"count":9,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2445\/revisions"}],"predecessor-version":[{"id":9529,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2445\/revisions\/9529"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/media?parent=2445"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb-category?post=2445"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb-tag?post=2445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}