{"id":4311,"date":"2022-09-21T19:31:16","date_gmt":"2022-09-21T22:31:16","guid":{"rendered":"https:\/\/www.bybrand.io\/docs\/?post_type=ht_kb&#038;p=4311"},"modified":"2025-11-25T18:38:20","modified_gmt":"2025-11-25T21:38:20","slug":"resize-column","status":"publish","type":"ht_kb","link":"https:\/\/www.bybrand.io\/docs\/article\/resize-column\/","title":{"rendered":"How to resize a column in the signature"},"content":{"rendered":"\n<p>Resizing an email signature column is effortless and does not require any extra configuration. That way, you&#8217;ll have more control over the content blocks, creating an improved look and feel.<\/p>\n\n\n\n<p>Video tutorial:<\/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=\"Splitting columns external and internal with the signature editor\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/yUurodgSShg?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<p>In this tutorial, we will cover all the steps for successfully resizing a column with the signature editor. And a video at the end with all the steps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to make it?<\/h2>\n\n\n\n<p>Before you start, you can change the size of a column in email signatures with 2 or 3 columns.<\/p>\n\n\n\n<p>Here is an example of an email signature with 3 columns. When clicking on the outer border of the column, the <strong>Resize<\/strong> button appears. And then, click on it to change the width of that column.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"904\" height=\"572\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1.png\" alt=\"Resize button in the email signature.\" class=\"wp-image-4292\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1.png 904w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1-300x190.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1-768x486.png 768w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1-50x32.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1-60x38.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1-100x63.png 100w\" sizes=\"auto, (max-width: 904px) 100vw, 904px\" \/><\/figure>\n\n\n\n<p>Example with animation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"895\" height=\"630\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1-animated.gif\" alt=\"Changing the width of a column in the email signature.\" class=\"wp-image-4293\"\/><figcaption class=\"wp-element-caption\">The original is 180px, changed to 120px.<\/figcaption><\/figure>\n\n\n\n<p>In the next example, we have an animation for an email signature with 2 columns, and we are changing the size of the column on the right.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"895\" height=\"575\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable2-animated.gif\" alt=\"Changing the column size on the right side.\" class=\"wp-image-4299\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Move column<\/h3>\n\n\n\n<p>Move Column allows you to easily rearrange columns in your email signature by changing the position.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"568\" height=\"466\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/EditorMoveColumnPosition.png\" alt=\"Move column button.\" class=\"wp-image-7185\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/EditorMoveColumnPosition.png 568w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/EditorMoveColumnPosition-300x246.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/EditorMoveColumnPosition-50x41.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/EditorMoveColumnPosition-60x49.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/EditorMoveColumnPosition-100x82.png 100w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Delete a column<\/h3>\n\n\n\n<p>To remove a column, simply click on the element. Subsequently, select the Trash can icon to delete it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"834\" height=\"429\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/editorRemoveColumn.png\" alt=\"Delete a column.\" class=\"wp-image-6475\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/editorRemoveColumn.png 834w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/editorRemoveColumn-300x154.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/editorRemoveColumn-768x395.png 768w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/editorRemoveColumn-50x26.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/editorRemoveColumn-60x31.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/editorRemoveColumn-100x51.png 100w\" sizes=\"auto, (max-width: 834px) 100vw, 834px\" \/><\/figure>\n\n\n\n<p>Note that this option does not work for signatures with only 1 column.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Other columns<\/h3>\n\n\n\n<p>You can change the size of other columns, not just the first one. The feature works the same way. Click on the outer border of the column and then on the <strong>Resize<\/strong> button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Templates with a single column<\/h3>\n\n\n\n<p>Some signature templates are created with a single column. This way, the <strong>Resize<\/strong> button does not appear when clicking on the outer border.<\/p>\n\n\n\n<p>See this example of a one-column signature.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"719\" height=\"472\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnDisabled-1.png\" alt=\"Templates with a single column\" class=\"wp-image-4788\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnDisabled-1.png 719w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnDisabled-1-300x197.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnDisabled-1-50x33.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnDisabled-1-60x39.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnDisabled-1-100x66.png 100w\" sizes=\"auto, (max-width: 719px) 100vw, 719px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">External and internal resizing<\/h2>\n\n\n\n<p>You can change the width of an outer column, or an inner column. The only difference is that an external column receives the value in Pixels, and internal columns receive the Percentage value.<\/p>\n\n\n\n<p>Configuration example for external columns, in Pixels.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"315\" height=\"195\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPixels-1.png\" alt=\"Configuration example for external columns.\" class=\"wp-image-4799\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPixels-1.png 315w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPixels-1-300x186.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPixels-1-50x31.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPixels-1-60x37.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPixels-1-100x62.png 100w\" sizes=\"auto, (max-width: 315px) 100vw, 315px\" \/><\/figure>\n\n\n\n<p>Configuration example for internal columns, in Percentage.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"329\" height=\"207\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPercentagem-1.png\" alt=\"Configuration example for internal columns.\" class=\"wp-image-4801\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPercentagem-1.png 329w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPercentagem-1-300x189.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPercentagem-1-50x31.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPercentagem-1-60x38.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2023\/08\/splitColumnPercentagem-1-100x63.png 100w\" sizes=\"auto, (max-width: 329px) 100vw, 329px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p>Here are some considerations when deciding to change the size of a column in your HTML email signature.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can I add a value greater than the signature?<\/h3>\n\n\n\n<p>Not. The limit is the maximum size of the email signature template.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Would it be possible to change the global width of the email signature?<\/h3>\n\n\n\n<p>Yes! When you choose a signature template that is 600px wide, you can later change it to a size of 480px or 320px. Here we have a specific tutorial for this configuration: <a href=\"https:\/\/www.bybrand.io\/docs\/article\/resizing-major-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">Resizing the email signature major table<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Would it be possible to reposition the columns?<\/h3>\n\n\n\n<p>We do not have this feature in the editor. So, for example, moving a column from right to left and vice versa.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can I restore a mistake I made?<\/h3>\n\n\n\n<p>Yes, click the More button, then Changes. See the <a href=\"https:\/\/www.bybrand.io\/docs\/article\/signature-restore\/\" target=\"_blank\" rel=\"noreferrer noopener\">full tutorial here<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>If you need any clarification or problems, don&#8217;t hesitate to contact our customer support via email (<strong>help@bybrand.io<\/strong>) or chat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>See all the steps to resize a column in your email signature successfully.<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[45],"ht-kb-tag":[],"class_list":["post-4311","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.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to resize a column in the signature - 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\/resize-column\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to resize a column in the signature - Bybrand\" \/>\n<meta property=\"og:description\" content=\"See all the steps to resize a column in your email signature successfully.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bybrand.io\/docs\/article\/resize-column\/\" \/>\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-11-25T21:38:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"904\" \/>\n\t<meta property=\"og:image:height\" content=\"572\" \/>\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=\"4 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\\\/resize-column\\\/\",\"url\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/resize-column\\\/\",\"name\":\"How to resize a column in the signature - Bybrand\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/resize-column\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/resize-column\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/majorTable1.png\",\"datePublished\":\"2022-09-21T22:31:16+00:00\",\"dateModified\":\"2025-11-25T21:38:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/resize-column\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/resize-column\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/resize-column\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/majorTable1.png\",\"contentUrl\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/majorTable1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/article\\\/resize-column\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to resize a column in the signature\"}]},{\"@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":"How to resize a column in the signature - 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\/resize-column\/","og_locale":"en_US","og_type":"article","og_title":"How to resize a column in the signature - Bybrand","og_description":"See all the steps to resize a column in your email signature successfully.","og_url":"https:\/\/www.bybrand.io\/docs\/article\/resize-column\/","og_site_name":"Bybrand","article_publisher":"https:\/\/www.facebook.com\/bybrandio\/","article_modified_time":"2025-11-25T21:38:20+00:00","og_image":[{"width":904,"height":572,"url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@bybrandio","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bybrand.io\/docs\/article\/resize-column\/","url":"https:\/\/www.bybrand.io\/docs\/article\/resize-column\/","name":"How to resize a column in the signature - Bybrand","isPartOf":{"@id":"https:\/\/www.bybrand.io\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/resize-column\/#primaryimage"},"image":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/resize-column\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1.png","datePublished":"2022-09-21T22:31:16+00:00","dateModified":"2025-11-25T21:38:20+00:00","breadcrumb":{"@id":"https:\/\/www.bybrand.io\/docs\/article\/resize-column\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bybrand.io\/docs\/article\/resize-column\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bybrand.io\/docs\/article\/resize-column\/#primaryimage","url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1.png","contentUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2022\/09\/majorTable1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bybrand.io\/docs\/article\/resize-column\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bybrand.io\/docs\/"},{"@type":"ListItem","position":2,"name":"How to resize a column in the signature"}]},{"@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\/4311","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=4311"}],"version-history":[{"count":20,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb\/4311\/revisions"}],"predecessor-version":[{"id":7188,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb\/4311\/revisions\/7188"}],"wp:attachment":[{"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/media?parent=4311"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=4311"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=4311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}