{"id":1890,"date":"2011-02-25T05:32:37","date_gmt":"2011-02-25T10:32:37","guid":{"rendered":"http:\/\/www.mccordweb.com\/weblogs\/?p=1890"},"modified":"2011-02-22T16:03:44","modified_gmt":"2011-02-22T21:03:44","slug":"new-twitter-background-design-how-to","status":"publish","type":"post","link":"https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/","title":{"rendered":"New Twitter Background Design How-To"},"content":{"rendered":"<p>Twitter has moved to a very slim line background profile. If you haven&#8217;t visited your Twitter profile in a while and you had done a custom background, you may find that what you had before is cut off and nearly invisible with the new Twitter background space available.<\/p>\n<p><strong>Here are is a detailed explanation of what space you now have for Twitter.<\/strong><\/p>\n<p>We used to take a 1,920 pixel wide by 1,000 pixel tall canvas and show the company phone and website address in a block starting 25 pixels from the left to 200 pixels from the left. This space has now shrunk to 5 pixels from the left to a maximum of 110 pixels from the left.<\/p>\n<p>The top drop down has also changed. Before we started our content block 70 pixels down from the top. Now we start the content block at 0 pixels or 57 pixels depending on what type of graphic you will be using. You may have to tweak a few things on your background based on the visual elements you are using, but this gives you a starting point.<\/p>\n<p>The big issue is that background space has shrunk from 200 pixels to 120. This means that your previous Twitter background will look bad with the new interface design. In fact your company information that previously used to show may be cut off. There just isn&#8217;t much real estate for personalization at this point, but you can still use what is there to tie in with your website brand colors and Facebook Business page profile.<\/p>\n<p>If you use HootSuite or TweetDeck to update your Twitter account, now&#8217;s the time to look at what your profile at <a href=\"http:\/\/www.Twitter.com\">www.Twitter.com<\/a> looks like so you can make sure to make any necessary changes to keep looking good!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twitter has moved to a very slim line background profile. If you haven&#8217;t visited your Twitter profile in a while and you had done a custom background, you may find that what you had before is cut off and nearly invisible with the new Twitter background space available. Here are is a detailed explanation of what space you now have for Twitter. We used to take a 1,920 pixel wide by 1,000 pixel tall canvas and show the company phone and website address in a block starting 25 pixels from the left to 200 pixels from the left. This space has now shrunk to 5 pixels from the left to a maximum of 110 pixels from the left. The top drop down has also changed. Before we started our content block 70 pixels down from the top. Now we start the content block at 0 pixels or 57 pixels depending on what type of graphic you will be using. You may have to tweak a few things on your background based on the visual elements you are using, but this gives you a starting point. The big issue is that background space has shrunk from 200 pixels to 120. This means that your previous Twitter background will look bad with the new interface design. In fact your company information that previously used to show may be cut off. There just isn&#8217;t much real estate for personalization at this point, but you can still use what is there to tie in with your website brand colors and Facebook Business page profile. If you use HootSuite or TweetDeck to update your Twitter account, now&#8217;s the time to look at what your profile at www.Twitter.com looks like so you can make sure to make any necessary changes to keep looking good!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[195],"tags":[443],"class_list":["post-1890","post","type-post","status-publish","format-standard","hentry","category-twitter","tag-twitter"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>New Twitter Background Design How-To | The Web Authority<\/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.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New Twitter Background Design How-To | The Web Authority\" \/>\n<meta property=\"og:description\" content=\"Twitter has moved to a very slim line background profile. If you haven&#8217;t visited your Twitter profile in a while and you had done a custom background, you may find that what you had before is cut off and nearly invisible with the new Twitter background space available. Here are is a detailed explanation of what space you now have for Twitter. We used to take a 1,920 pixel wide by 1,000 pixel tall canvas and show the company phone and website address in a block starting 25 pixels from the left to 200 pixels from the left. This space has now shrunk to 5 pixels from the left to a maximum of 110 pixels from the left. The top drop down has also changed. Before we started our content block 70 pixels down from the top. Now we start the content block at 0 pixels or 57 pixels depending on what type of graphic you will be using. You may have to tweak a few things on your background based on the visual elements you are using, but this gives you a starting point. The big issue is that background space has shrunk from 200 pixels to 120. This means that your previous Twitter background will look bad with the new interface design. In fact your company information that previously used to show may be cut off. There just isn&#8217;t much real estate for personalization at this point, but you can still use what is there to tie in with your website brand colors and Facebook Business page profile. If you use HootSuite or TweetDeck to update your Twitter account, now&#8217;s the time to look at what your profile at www.Twitter.com looks like so you can make sure to make any necessary changes to keep looking good!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/\" \/>\n<meta property=\"og:site_name\" content=\"The Web Authority\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mccordweb\" \/>\n<meta property=\"article:published_time\" content=\"2011-02-25T10:32:37+00:00\" \/>\n<meta name=\"author\" content=\"Nancy McCord\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mccordweb\" \/>\n<meta name=\"twitter:site\" content=\"@mccordweb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nancy McCord\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2011\\\/02\\\/25\\\/new-twitter-background-design-how-to\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2011\\\/02\\\/25\\\/new-twitter-background-design-how-to\\\/\"},\"author\":{\"name\":\"Nancy McCord\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/person\\\/ff9d4b511f78814fa53f990f16f66425\"},\"headline\":\"New Twitter Background Design How-To\",\"datePublished\":\"2011-02-25T10:32:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2011\\\/02\\\/25\\\/new-twitter-background-design-how-to\\\/\"},\"wordCount\":294,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#organization\"},\"keywords\":[\"Twitter\"],\"articleSection\":[\"Twitter\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2011\\\/02\\\/25\\\/new-twitter-background-design-how-to\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2011\\\/02\\\/25\\\/new-twitter-background-design-how-to\\\/\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2011\\\/02\\\/25\\\/new-twitter-background-design-how-to\\\/\",\"name\":\"New Twitter Background Design How-To | The Web Authority\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#website\"},\"datePublished\":\"2011-02-25T10:32:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2011\\\/02\\\/25\\\/new-twitter-background-design-how-to\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2011\\\/02\\\/25\\\/new-twitter-background-design-how-to\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2011\\\/02\\\/25\\\/new-twitter-background-design-how-to\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Twitter Background Design How-To\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#website\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/\",\"name\":\"The Web Authority | McCord Web Services News\\\/Blog\",\"description\":\"Smart Digital Marketing, Real Business Results - McCord Web Services\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#organization\",\"name\":\"McCord Web Services LLC\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/McCord-Web-White-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/McCord-Web-White-logo.png\",\"width\":450,\"height\":203,\"caption\":\"McCord Web Services LLC\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mccordweb\",\"https:\\\/\\\/x.com\\\/mccordweb\",\"https:\\\/\\\/www.instagram.com\\\/nancy_mccord\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/nancymccord\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/mccordweb\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/person\\\/ff9d4b511f78814fa53f990f16f66425\",\"name\":\"Nancy McCord\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g\",\"caption\":\"Nancy McCord\"},\"description\":\"Nancy McCord is the President and resident blogger for McCord Web Services LLC. She has been providing global web services since 2001. She is a web designer, search engine marketing professional, and search engine and blog expert. She lives in Maryland just south of the Washington DC metro area.\",\"sameAs\":[\"http:\\\/\\\/www.mccordweb.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"New Twitter Background Design How-To | The Web Authority","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.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/","og_locale":"en_US","og_type":"article","og_title":"New Twitter Background Design How-To | The Web Authority","og_description":"Twitter has moved to a very slim line background profile. If you haven&#8217;t visited your Twitter profile in a while and you had done a custom background, you may find that what you had before is cut off and nearly invisible with the new Twitter background space available. Here are is a detailed explanation of what space you now have for Twitter. We used to take a 1,920 pixel wide by 1,000 pixel tall canvas and show the company phone and website address in a block starting 25 pixels from the left to 200 pixels from the left. This space has now shrunk to 5 pixels from the left to a maximum of 110 pixels from the left. The top drop down has also changed. Before we started our content block 70 pixels down from the top. Now we start the content block at 0 pixels or 57 pixels depending on what type of graphic you will be using. You may have to tweak a few things on your background based on the visual elements you are using, but this gives you a starting point. The big issue is that background space has shrunk from 200 pixels to 120. This means that your previous Twitter background will look bad with the new interface design. In fact your company information that previously used to show may be cut off. There just isn&#8217;t much real estate for personalization at this point, but you can still use what is there to tie in with your website brand colors and Facebook Business page profile. If you use HootSuite or TweetDeck to update your Twitter account, now&#8217;s the time to look at what your profile at www.Twitter.com looks like so you can make sure to make any necessary changes to keep looking good!","og_url":"https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/","og_site_name":"The Web Authority","article_publisher":"https:\/\/www.facebook.com\/mccordweb","article_published_time":"2011-02-25T10:32:37+00:00","author":"Nancy McCord","twitter_card":"summary_large_image","twitter_creator":"@mccordweb","twitter_site":"@mccordweb","twitter_misc":{"Written by":"Nancy McCord","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/#article","isPartOf":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/"},"author":{"name":"Nancy McCord","@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/person\/ff9d4b511f78814fa53f990f16f66425"},"headline":"New Twitter Background Design How-To","datePublished":"2011-02-25T10:32:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/"},"wordCount":294,"commentCount":0,"publisher":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#organization"},"keywords":["Twitter"],"articleSection":["Twitter"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/","url":"https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/","name":"New Twitter Background Design How-To | The Web Authority","isPartOf":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#website"},"datePublished":"2011-02-25T10:32:37+00:00","breadcrumb":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.mccordweb.com\/weblogs\/2011\/02\/25\/new-twitter-background-design-how-to\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mccordweb.com\/weblogs\/"},{"@type":"ListItem","position":2,"name":"New Twitter Background Design How-To"}]},{"@type":"WebSite","@id":"https:\/\/www.mccordweb.com\/weblogs\/#website","url":"https:\/\/www.mccordweb.com\/weblogs\/","name":"The Web Authority | McCord Web Services News\/Blog","description":"Smart Digital Marketing, Real Business Results - McCord Web Services","publisher":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mccordweb.com\/weblogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.mccordweb.com\/weblogs\/#organization","name":"McCord Web Services LLC","url":"https:\/\/www.mccordweb.com\/weblogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/logo\/image\/","url":"https:\/\/www.mccordweb.com\/weblogs\/wp-content\/uploads\/2025\/09\/McCord-Web-White-logo.png","contentUrl":"https:\/\/www.mccordweb.com\/weblogs\/wp-content\/uploads\/2025\/09\/McCord-Web-White-logo.png","width":450,"height":203,"caption":"McCord Web Services LLC"},"image":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mccordweb","https:\/\/x.com\/mccordweb","https:\/\/www.instagram.com\/nancy_mccord\/","https:\/\/www.linkedin.com\/in\/nancymccord","https:\/\/www.youtube.com\/user\/mccordweb"]},{"@type":"Person","@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/person\/ff9d4b511f78814fa53f990f16f66425","name":"Nancy McCord","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g","caption":"Nancy McCord"},"description":"Nancy McCord is the President and resident blogger for McCord Web Services LLC. She has been providing global web services since 2001. She is a web designer, search engine marketing professional, and search engine and blog expert. She lives in Maryland just south of the Washington DC metro area.","sameAs":["http:\/\/www.mccordweb.com"]}]}},"_links":{"self":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/posts\/1890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/comments?post=1890"}],"version-history":[{"count":3,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/posts\/1890\/revisions"}],"predecessor-version":[{"id":1892,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/posts\/1890\/revisions\/1892"}],"wp:attachment":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/media?parent=1890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/categories?post=1890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/tags?post=1890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}