{"id":3062,"date":"2018-01-17T16:23:58","date_gmt":"2018-01-17T21:23:58","guid":{"rendered":"https:\/\/www.lesleyelis.com\/elisblog\/?p=3062"},"modified":"2018-01-17T16:23:58","modified_gmt":"2018-01-17T21:23:58","slug":"why-cant-i-change-the-color-of-my-course-menu","status":"publish","type":"post","link":"https:\/\/www.lesleyelis.com\/elisblog\/2018\/01\/17\/why-cant-i-change-the-color-of-my-course-menu\/","title":{"rendered":"Why Can&#8217;t I Change the Color of my Course Menu?"},"content":{"rendered":"<div><strong>I used to be able to change the colors on my course menu, but now it&#8217;s not working. What happened?<\/strong><\/div>\n<div>In short, the recent myLesley upgrade introduced a new theme, or look and feel. The new theme does not allow instructors to change the course menu background color or text color.<\/div>\n<div>&nbsp;<\/div>\n<div><strong>Why the change?<\/strong><\/div>\n<div>The new theme brought many improvements, including increased speed, the ability to adapt to your screen\/device, and improved bug fixes. Unfortunately, the downside of these improvements is that the ability to change the colors in your course menu has been lost. We had conversations with members of TL Tech and it was decided that the benefit of an improved user experience outweighed the few features that were lost.<\/div>\n<div>&nbsp;<\/div>\n<div><strong>What can I do?<\/strong><\/div>\n<div>While you may no longer customize the color of your course menu. You may, however, add different colored menu buttons. To add menu buttons, navigate to your course\u00a0<b>Control Panel<\/b>, select\u00a0<b>Customization<\/b>, and select\u00a0<b>Teaching Style<\/b>.<\/div>\n<div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" style=\"border: 1px solid #000000;\" title=\"image\" src=\"https:\/\/attachment.freshdesk.com\/inline\/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDA0NzI2MjY5OSwiZG9tYWluIjoibGVzbGV5dW5pdmVyc2l0eS5mcmVzaGRlc2suY29tIiwiYWNjb3VudF9pZCI6MzkzNjZ9.F3bOnWnn0JHfG7fFjJ1YasjWRiwM_A4UWvsEKExxnwY\" alt=\"screenshot of course control panel \" width=\"144\" height=\"251\" data-id=\"4047262699\" data-height=\"272\" \/><\/p>\n<\/div>\n<div>Scroll down to Select Menu Style. Click\u00a0<b>Text<\/b>\u00a0for the default black background with white text. Or click\u00a0<b>Buttons<\/b>\u00a0to create colored menu buttons.<\/div>\n<div>&nbsp;<\/div>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"inline-image alignnone\" style=\"font-weight: 300; border: 1px solid #000000;\" title=\"image\" src=\"https:\/\/attachment.freshdesk.com\/inline\/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDA0NzI3NDA3MSwiZG9tYWluIjoibGVzbGV5dW5pdmVyc2l0eS5mcmVzaGRlc2suY29tIiwiYWNjb3VudF9pZCI6MzkzNjZ9.b5QwLefGbt6Z1ZMCU63bl05-MEb_myQyqbr7bcDNNm4\" alt=\"select menu style\" width=\"292\" height=\"199\" data-id=\"4047274071\" data-height=\"231\" \/><\/div>\n<div>\n<p>Click\u00a0<b>Button Library<\/b>\u00a0to expand the button library. For\u00a0<b>Button Type<\/b>\u00a0you may select pattern, solid, or striped. For\u00a0<b>Button Shape<\/b>\u00a0you may select rounded corners, rectangular, or rounded ends. Select the button color and style you want and click\u00a0<b>Submit<\/b>\u00a0at the bottom of the page to save your changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"inline-image alignnone\" style=\"border: 1px solid #000000;\" title=\"image\" src=\"https:\/\/attachment.freshdesk.com\/inline\/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDA0NzI3NDIyMywiZG9tYWluIjoibGVzbGV5dW5pdmVyc2l0eS5mcmVzaGRlc2suY29tIiwiYWNjb3VudF9pZCI6MzkzNjZ9.anJuOeXTIEzo9Xp9rg_BgPFv187vxVrjPjal3ztT7Vs\" alt=\"image of button library\" width=\"443\" height=\"363\" data-id=\"4047274223\" data-height=\"340\" \/><\/p>\n<p><strong>Please note<\/strong> that the menu text color will remain white. As a best practice, we recommend that you select a button color that has a good contrast with the white text for readability and accessibility.<\/p>\n<p>If your menu item has a lot of text and rolls onto a second line, your second line of text will not be visible in the button. Instead, your text will appear in the black space below your button. See the &#8220;Reading and Additional Resources&#8221; menu item in the screenshot below.<\/p>\n<p><a href=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2018\/01\/Screen-Shot-2018-01-12-at-1.54.33-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3064\" style=\"border: 1px solid #000000;\" src=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2018\/01\/Screen-Shot-2018-01-12-at-1.54.33-PM.png\" alt=\"Sample course menu with buttons\" width=\"187\" height=\"195\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Can I add a banner to my course?<\/strong><br \/>\nDefinitely! You can easily add a course banner to, at a glance, differentiate between your courses. The banner will appear at the top of your course&#8217;s landing page (ex Announcements) and\u00a0allows you to add a pop of color or personality to your course such as the fall leaves in our image below.<\/p>\n<p><a href=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2018\/01\/Sample-Banner.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3069 size-large aligncenter\" style=\"border: 1px solid #000000;\" src=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2018\/01\/Sample-Banner-1024x454.png\" alt=\"sample myLesley course with banner\" width=\"584\" height=\"259\" srcset=\"https:\/\/www.lesleyelis.com\/elisblog\/files\/2018\/01\/Sample-Banner-1024x454.png 1024w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2018\/01\/Sample-Banner-300x133.png 300w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2018\/01\/Sample-Banner-768x341.png 768w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2018\/01\/Sample-Banner-500x222.png 500w, https:\/\/www.lesleyelis.com\/elisblog\/files\/2018\/01\/Sample-Banner.png 1547w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<\/div>\n<div>To add a banner image, navigate to your course\u00a0<b>Control Panel<\/b>, select\u00a0<b>Customization<\/b>, and select\u00a0<b>Teaching Style<\/b>.<\/div>\n<div>&nbsp;<\/div>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"inline-image alignnone\" style=\"border: 1px solid #000000;\" title=\"image\" src=\"https:\/\/attachment.freshdesk.com\/inline\/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDA0NzI2MjY5OSwiZG9tYWluIjoibGVzbGV5dW5pdmVyc2l0eS5mcmVzaGRlc2suY29tIiwiYWNjb3VudF9pZCI6MzkzNjZ9.F3bOnWnn0JHfG7fFjJ1YasjWRiwM_A4UWvsEKExxnwY\" alt=\"screenshot of course control panel\" width=\"147\" height=\"263\" data-id=\"4047262699\" data-height=\"272\" \/><\/div>\n<div>&nbsp;<\/div>\n<div>Scroll down to Select Banner and click\u00a0<b>Browse My Compute<\/b><strong>r<\/strong> to upload an image.\u00a0Please note that Blackboard recommends using an image that is approximately\u00a0<b>480 x 80 pixels<\/b>\u00a0for your banner image. You my create or edit an existing image using a photo editor, such as\u00a0<a href=\"https:\/\/pixlr.com\/editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pixlr\u00a0Editor<\/a>.<\/div>\n<div>&nbsp;<\/div>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"inline-image alignnone\" style=\"border: 1px solid #000000;\" title=\"image\" src=\"https:\/\/attachment.freshdesk.com\/inline\/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDA0NzI2MjgzMywiZG9tYWluIjoibGVzbGV5dW5pdmVyc2l0eS5mcmVzaGRlc2suY29tIiwiYWNjb3VudF9pZCI6MzkzNjZ9.7QmPEQkVhDp99rbA_NhACaBc152LqxlFDt9TB6arqt8\" alt=\"select banner\" width=\"433\" height=\"151\" data-id=\"4047262833\" data-height=\"147\" \/><\/div>\n<div>&nbsp;<\/div>\n<div>Once you have uploaded your image, click\u00a0<b>Submit<\/b>\u00a0at the bottom of the page to save your changes. The banner image will then appear on the course&#8217;s landing page.<\/div>\n<div>&nbsp;<\/div>\n<div>&nbsp;<\/div>\n","protected":false},"excerpt":{"rendered":"<p>I used to be able to change the colors on my course menu, but now it&#8217;s not working. What happened? In short, the recent myLesley upgrade introduced a new theme, or look and feel. The new theme does not allow &hellip; <a href=\"https:\/\/www.lesleyelis.com\/elisblog\/2018\/01\/17\/why-cant-i-change-the-color-of-my-course-menu\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[223],"tags":[209,360,377,221,376],"class_list":["post-3062","post","type-post","status-publish","format-standard","hentry","category-mylesley-2","tag-blackboard","tag-course-menu","tag-customize","tag-mylesley","tag-teaching-style"],"_links":{"self":[{"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/posts\/3062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/comments?post=3062"}],"version-history":[{"count":6,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/posts\/3062\/revisions"}],"predecessor-version":[{"id":3072,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/posts\/3062\/revisions\/3072"}],"wp:attachment":[{"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/media?parent=3062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/categories?post=3062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lesleyelis.com\/elisblog\/wp-json\/wp\/v2\/tags?post=3062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}