{"id":1445,"date":"2020-05-09T13:27:31","date_gmt":"2020-05-09T16:27:31","guid":{"rendered":"https:\/\/www.bybrand.io\/docs\/?post_type=ht_kb&#038;p=1445"},"modified":"2025-01-21T18:14:10","modified_gmt":"2025-01-21T21:14:10","slug":"working-columns","status":"publish","type":"ht_kb","link":"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/","title":{"rendered":"Working with columns"},"content":{"rendered":"\n<p>In this tutorial, we view how to work with columns in your email signature using the <a href=\"https:\/\/www.bybrand.io\/editor\" target=\"_blank\" rel=\"noreferrer noopener\">email signature editor<\/a>. With columns, you can make logical divisions of content, such as this signature that displays a fictional support team&#8217;s help content. But it is not limited to just that.<\/p>\n\n\n\n<p>Example with external columns:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"146\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015.png\" alt=\"Template 1015\" class=\"wp-image-6127\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015.png 600w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015-300x73.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015-50x12.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015-60x15.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015-100x24.png 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">Email signature example with columns<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Or internal columns like this example:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"310\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/2027.png\" alt=\"Template 2027\" class=\"wp-image-6129\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/2027.png 480w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/2027-300x194.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/2027-50x32.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/2027-60x39.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/2027-100x65.png 100w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Adding new columns<\/h2>\n\n\n\n<p>See, in this example, how to add columns to the content part of your email signature.<\/p>\n\n\n\n<p>Initially, is created an unstyled column, but you can customize it as in the video example at the end.<\/p>\n\n\n\n<p>Note that the maximum number of columns is four.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"835\" height=\"520\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/01\/editor-column-options-1.gif\" alt=\"Adding columns in email signature\" class=\"wp-image-3340\"\/><\/figure>\n\n\n\n<p>Next, you can customize the content by applying colors, borders, and alignment. <\/p>\n\n\n\n<p>Using columns is an effective way to highlight phone numbers or organize content logically. For instance, in this example, the email signature header uses two columns to separate the profile photo from the name.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"820\" height=\"591\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/adding-columns-header.gif\" alt=\"\" class=\"wp-image-1435\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Video tutorial<\/h2>\n\n\n\n<p>You can see how to add columns and customize them with color in the video.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Working with borders &amp; vertical lines in your email signature\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/KyDvGBYmrdg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Related<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.bybrand.io\/docs\/article\/padding\/\">Set padding configuration in email signature<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.bybrand.io\/docs\/article\/add-remove-lines\/\">Add a new line to an email signature<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.bybrand.io\/docs\/article\/create-from-scratch\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to create an email signature from scratch<\/a>;<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>if you need any clarification or difficulties, please contact our support team via email or chat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this quick video tutorial, we&#8217;ll see how to work with columns in the email signature.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[45],"ht-kb-tag":[],"class_list":["post-1445","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-essentials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Working with columns - Bybrand<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Working with columns - Bybrand\" \/>\n<meta property=\"og:description\" content=\"In this quick video tutorial, we&#039;ll see how to work with columns in the email signature.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/\" \/>\n<meta property=\"og:site_name\" content=\"Bybrand\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bybrandio\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-21T21:14:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"146\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@bybrandio\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/\",\"url\":\"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/\",\"name\":\"Working with columns - Bybrand\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015.png\",\"datePublished\":\"2020-05-09T16:27:31+00:00\",\"dateModified\":\"2025-01-21T21:14:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/#primaryimage\",\"url\":\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015.png\",\"width\":600,\"height\":146},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bybrand.io\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Working with columns\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bybrand.io\/docs\/#website\",\"url\":\"https:\/\/www.bybrand.io\/docs\/\",\"name\":\"Bybrand - Knowledge base\",\"description\":\"Business Email Signature Manager for IT Managers, and Marketers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bybrand.io\/docs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Working with columns - Bybrand","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/","og_locale":"en_US","og_type":"article","og_title":"Working with columns - Bybrand","og_description":"In this quick video tutorial, we'll see how to work with columns in the email signature.","og_url":"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/","og_site_name":"Bybrand","article_publisher":"https:\/\/www.facebook.com\/bybrandio\/","article_modified_time":"2025-01-21T21:14:10+00:00","og_image":[{"width":600,"height":146,"url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@bybrandio","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/","url":"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/","name":"Working with columns - Bybrand","isPartOf":{"@id":"https:\/\/www.bybrand.io\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/#primaryimage"},"image":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015.png","datePublished":"2020-05-09T16:27:31+00:00","dateModified":"2025-01-21T21:14:10+00:00","breadcrumb":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bybrand.io\/docs\/article\/working-columns\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/#primaryimage","url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015.png","contentUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2020\/05\/1015.png","width":600,"height":146},{"@type":"BreadcrumbList","@id":"https:\/\/www.bybrand.io\/docs\/article\/working-columns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bybrand.io\/docs\/"},{"@type":"ListItem","position":2,"name":"Working with columns"}]},{"@type":"WebSite","@id":"https:\/\/www.bybrand.io\/docs\/#website","url":"https:\/\/www.bybrand.io\/docs\/","name":"Bybrand - Knowledge base","description":"Business Email Signature Manager for IT Managers, and Marketers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bybrand.io\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb\/1445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/comments?post=1445"}],"version-history":[{"count":11,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb\/1445\/revisions"}],"predecessor-version":[{"id":6131,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb\/1445\/revisions\/6131"}],"wp:attachment":[{"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/media?parent=1445"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1445"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}