{"id":7272,"date":"2023-11-22T23:53:45","date_gmt":"2023-11-22T23:53:45","guid":{"rendered":"https:\/\/www.pttrns.com\/?p=7272"},"modified":"2023-11-22T23:53:46","modified_gmt":"2023-11-22T23:53:46","slug":"how-to-adjust-design-orientation-in-canva","status":"publish","type":"post","link":"https:\/\/www.pttrns.com\/how-to-adjust-design-orientation-in-canva\/","title":{"rendered":"How To Adjust Design Orientation in Canva"},"content":{"rendered":"<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Canva doesn&#8217;t allow you to adjust design orientation. However, worry not, as the below approaches will help you mimic orientation change. <\/p><\/div>\n\n\n<p class=\"wp-block-paragraph\">Making changes while creating a design is arguably inevitable, but if it is about changing the orientation, you&#8217;re left with no choice in Canva. To address this issue, we have provided multiple approaches, and while they aren&#8217;t the solution, they&#8217;re handy when you need to switch your design&#8217;s orientation quickly.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">What we cover<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.pttrns.com\/how-to-adjust-design-orientation-in-canva\/#Before_You_Work_on_a_Design\" >Before You Work on a Design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.pttrns.com\/how-to-adjust-design-orientation-in-canva\/#Adjust_Design_Orientation_in_Canva\" >Adjust Design Orientation in Canva<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.pttrns.com\/how-to-adjust-design-orientation-in-canva\/#Manually_Rotate_Design_Orientation\" >Manually Rotate Design Orientation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.pttrns.com\/how-to-adjust-design-orientation-in-canva\/#Wrapping_Up\" >Wrapping Up<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"before-you-work-on-a-design\"><span class=\"ez-toc-section\" id=\"Before_You_Work_on_a_Design\"><\/span>Before You Work on a Design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">It is important to consider the factors below before proceeding with working on a design to avoid orientation change:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Always know your requirements, and if you&#8217;re unsure, make time to create portrait and landscape models of your design.<\/li>\n\n\n\n<li>Opt for working on the Whiteboard to avoid restrictions with the template while manually changing orientation.<\/li>\n\n\n\n<li>Consider creating a custom-size template before working on the design, as it prevents you from making unnecessary changes.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adjust-design-orientation-in-canva\"><span class=\"ez-toc-section\" id=\"Adjust_Design_Orientation_in_Canva\"><\/span>Adjust Design Orientation in Canva<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Usually, there would be one way or another to achieve a certain result in Canva, even if it fails to offer a feature or tool for it. While adjusting design orientation depends on the below approaches, the key to making it right depends on your creativity and your skill.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"using-magic-switch-canva-pro-teams-education\">Using Magic Switch [Canva Pro\/ Teams\/Education]<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The older versions of Canva had a dedicated tool for resizing the template. However, it is replaced with Magic Switch, and here is how to use it to change the design orientation:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Start by opening the project you&#8217;re working on and wait for it to load fully. Once done, navigate to the top left and click on <strong>Magic Switch<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-465c2a6c-8a14\" id=\"gspb_image-id-gsbp-465c2a6c-8a14\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/Magic-Switch.png\" data-src=\"\" alt=\"Magic Switch\" width=\"602\" height=\"351\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Doing so reveals multiple options, from which you select <strong>Custom Size<\/strong>. Alternatively, you can consider checking out categories that would ease up the process.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-80ea961d-8b4f\" id=\"gspb_image-id-gsbp-80ea961d-8b4f\"><img decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/Custom-Size.png\" data-src=\"\" alt=\"Custom Size\" width=\"317\" height=\"450\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>After you click on custom size, you&#8217;re asked to fill in the width and height to which you want to update your template. Refer to the below images for a better understanding.<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Portrait orientation<\/strong> &#8211; Height &gt; Width<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-2165d79f-a685\" id=\"gspb_image-id-gsbp-2165d79f-a685\"><img decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/Portrait.png\" data-src=\"\" alt=\"Portrait\" width=\"393\" height=\"268\"\/><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Landscape orientation<\/strong> &#8211; Width &gt; Height<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-29b54f03-df32\" id=\"gspb_image-id-gsbp-29b54f03-df32\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/Landscape.png\" data-src=\"\" alt=\"Landscape\" width=\"390\" height=\"267\"\/><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> Maintain a ratio where the longer side&#8217;s value is at least 1.75x to 2x greater than the shorter side in terms of pixels. For other measurement units, ensure a 1.25x difference between the values of the longer and shorter sides. This ratio balance provides optimal design proportions and visual appeal.<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Once you&#8217;re happy with the values, click on <strong>Resize <\/strong>and add the missing elements.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"manually-rotate-design-orientation\"><span class=\"ez-toc-section\" id=\"Manually_Rotate_Design_Orientation\"><\/span>Manually Rotate Design Orientation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Considering the above approach (Magic Switch) is available to Pro users, we have found a way around it. However, while working on this approach, be prepared for the rotation of multiple elements, and it can be extremely time-consuming if the design is large.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> We can consider a simple example for demonstration, and the steps below must be regarded as a reference for the bigger design as well.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Start by opening a new project on Whiteboard by clicking on <strong>Create a design <\/strong>and then <strong>Whiteboard <\/strong>from the home screen.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-0bd871cf-8e4c\" id=\"gspb_image-id-gsbp-0bd871cf-8e4c\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/Whiteboard.png\" data-src=\"\" alt=\"Whiteboard\" width=\"281\" height=\"350\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>After the project is loaded, work on developing the design in the orientation of your choice. For demonstration, we have finished our project in Portrait mode.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-20d1a0cd-7767\" id=\"gspb_image-id-gsbp-20d1a0cd-7767\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/pttrns-portrait.png\" data-src=\"\" alt=\"pttrns - portrait\" width=\"297\" height=\"450\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Now, let us convert the design to landscape mode. To do that, start by grouping all elements by selecting everything and clicking on the <strong>Group <\/strong>option.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-73420bf4-523f\" id=\"gspb_image-id-gsbp-73420bf4-523f\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/pttrns-group-option.png\" data-src=\"\" alt=\"pttrns - group option\" width=\"318\" height=\"450\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>After all elements are grouped, hold the rotate icon and rotate the design to landscape orientation.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-fc26f478-9d10\" id=\"gspb_image-id-gsbp-fc26f478-9d10\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/pttrns-rotate.png\" data-src=\"\" alt=\"pttrns - rotate\" width=\"450\" height=\"283\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>From the above image, you can notice that the design orientation has changed. However, the text inside isn&#8217;t adjusted according to the orientation, and to fix that, click on the <strong>Ungroup<\/strong> button.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-db0f1eb7-c374\" id=\"gspb_image-id-gsbp-db0f1eb7-c374\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/Ungroup.png\" data-src=\"\" alt=\"Ungroup\" width=\"450\" height=\"299\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li>With the elements inside ungrouped, rotate again to make it match the design orientation.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-7c2d1ed1-6f95\" id=\"gspb_image-id-gsbp-7c2d1ed1-6f95\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/pttrns-landscape.png\" data-src=\"\" alt=\"pttrns - landscape\" width=\"450\" height=\"306\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li>Once done, select the entire design and <strong>right-click<\/strong> on it to reveal options, from which click on <strong>Download Selection<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-760cc633-ef9d\" id=\"gspb_image-id-gsbp-760cc633-ef9d\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/Download-selection.png\" data-src=\"\" alt=\"Download selection\" width=\"852\" height=\"573\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"8\">\n<li>If you notice the dimensions, the width is larger than the height. Also, the preview features the design as a landscape image, ready to be downloaded.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-4e575dad-595e\" id=\"gspb_image-id-gsbp-4e575dad-595e\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/11\/Size-.png\" data-src=\"\" alt=\"Dimensions listed in Download section\" width=\"285\" height=\"350\"\/><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wrapping-up\"><span class=\"ez-toc-section\" id=\"Wrapping_Up\"><\/span>Wrapping Up<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Congratulations on learning how to adjust design orientation in Canva!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The way-around approach provided for non-Canva Pro users must be used for simple designs, and we suggest not working on large designs as it can take forever and can confuse you due to several elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Likewise, the resize approach being a Pro feature it is ideal only for simple designs as you still have to make changes to the elements to match the orientation manually.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hence, we suggest software from Adobe Suite, as many can change orientation right away, even for complex designs. &nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"related-reading\">Related Reading<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-add-grid-lines-in-canva\/\" data-type=\"link\" data-id=\"https:\/\/www.pttrns.com\/how-to-add-grid-lines-in-canva\/\">How to Add Grid Lines in Canva<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-make-gradients-in-canva\/\" data-type=\"link\" data-id=\"https:\/\/www.pttrns.com\/how-to-make-gradients-in-canva\/\">How to Make Gradients in Canva<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-change-margin-in-canva\/\" data-type=\"link\" data-id=\"https:\/\/www.pttrns.com\/how-to-change-margin-in-canva\/\">How To Change Margin in Canva<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Canva doesn&#8217;t allow you to adjust design orientation. However, worry not, as the below approaches will help you mimic orientation change.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"#gspb_image-id-gsbp-0bd871cf-8e4c img,#gspb_image-id-gsbp-20d1a0cd-7767 img,#gspb_image-id-gsbp-2165d79f-a685 img,#gspb_image-id-gsbp-29b54f03-df32 img,#gspb_image-id-gsbp-465c2a6c-8a14 img,#gspb_image-id-gsbp-4e575dad-595e img,#gspb_image-id-gsbp-73420bf4-523f img,#gspb_image-id-gsbp-760cc633-ef9d img,#gspb_image-id-gsbp-7c2d1ed1-6f95 img,#gspb_image-id-gsbp-80ea961d-8b4f img,#gspb_image-id-gsbp-db0f1eb7-c374 img,#gspb_image-id-gsbp-fc26f478-9d10 img{vertical-align:top;display:inline-block;box-sizing:border-box;max-width:100%;height:auto}","footnotes":""},"categories":[41],"tags":[],"offerexpiration":[],"class_list":["post-7272","post","type-post","status-publish","format-standard","hentry","category-canva"],"_links":{"self":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/7272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/comments?post=7272"}],"version-history":[{"count":3,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/7272\/revisions"}],"predecessor-version":[{"id":7316,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/7272\/revisions\/7316"}],"wp:attachment":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/media?parent=7272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/categories?post=7272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/tags?post=7272"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/offerexpiration?post=7272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}