{"id":987,"date":"2023-11-01T15:04:02","date_gmt":"2023-11-01T06:04:02","guid":{"rendered":"https:\/\/support.learningbox.online\/?post_type=how-to-use&#038;p=987"},"modified":"2024-04-05T10:39:01","modified_gmt":"2024-04-05T01:39:01","slug":"advanced-settings","status":"publish","type":"how-to-use","link":"https:\/\/support.learningbox.online\/en\/how-to-use\/advanced-settings\/","title":{"rendered":"Advanced settings"},"content":{"rendered":"<p class=\"wp-block-paragraph\">You can edit the background color and text color of the side menu\/header menu.<br>*The following is an example of how to edit the side menu. The operation is the same as the header menu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading is-style-default u-mb-ctrl u-mb-20 has-white-color has-black-background-color has-text-color has-background has-large-font-size\"><span class=\"swl-fz u-fz-l\">Menu Basic Colors<\/span><\/h2>\n\n\n\n<p class=\"u-mb-ctrl u-mb-10 wp-block-paragraph\"><strong><span class=\"swl-fz u-fz-l\">01. Go to the Edit page<\/span><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can set the background and text color of the side menu to your desired color.<br>Click on the colored square to the left of the color code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" src=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/menu-management-24_221.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"u-mb-ctrl u-mb-10 wp-block-paragraph\"><strong><span class=\"swl-fz u-fz-l\">02. Color settings<\/span><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As an example, here is the operation when using Windows\/Chrome.<br>When you specify colors on learningBOX, there are four ways as follows.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u25bcHow to set in the color field<\/strong><br>You can select a color in the color field.<br>*The color bar or entering the value in the R, G or B will apply the color theme.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" src=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_01.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u25bcHow to set with the color bar<\/strong><br>You can select a color by moving the circle icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" src=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_02.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u25bc How to set up in the color space<\/strong><br>Colors are described as values in the color space.<br>&nbsp;<br>*Clicking the icon next to the \"RGB\" allows you to switch the color space to \"HSL\" or \"HEX.\"<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">RGB: R (Red), G (Green), B (Blue)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" src=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_03.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">HSL: H (Hue), S (Saturation), and L (Lightness)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" src=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_04.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">HEX: Colors are described in 6-digit hexadecimal.<a href=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_03.jpg\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" src=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_05.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u25bcHow to set any color displayed on the screen<\/strong><br>Click on the eyedropper icon.<br>Click on the color which you wan to use.<br>The color is copied.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" src=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_06.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">e.g.)<br>*Actually change the background and text colors of the side menu.<br>\u3000As shown in the figure below, the settings are reflected.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" src=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/menu-management-31_221.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading is-style-default u-mb-ctrl u-mb-20 has-white-color has-black-background-color has-text-color has-background has-large-font-size\"><span class=\"swl-fz u-fz-l\">Menu Display<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The contents displayed in the side menu and header menu differ.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-medium-font-size\"><span class=\"swl-fz u-fz-l\"> Side menu only<\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show the number of items in the lower level: If \u2714 is checked, the number of items in the lower level of each menu will be displayed if there is a menu in the lower level of each menu<\/li>\n\n\n\n<li>Show search form: \u2714 to display the search form at the top of the side menu<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" src=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/menu-management-32_221.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading has-medium-font-size\"><span class=\"swl-fz u-fz-l\"> Side menu \/ Header menu common<\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Do not show the side menu (header menu) before login: If \u2714 is checked, it will not be shown on the screen before login<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" src=\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/menu-management-33_221.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<div class=\"swell-block-capbox cap_box is-style-onborder_ttl\" data-colset=\"col1\"><div class=\"cap_box_ttl\"><span><span class=\"swl-fz u-fz-l\"><span style=\"--the-icon-svg: url(data:image\/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDMuNSA0My45aC0zOWMtMS40IDAtMi43LS43LTMuNS0yLS43LTEuMy0uNy0yLjcgMC00TDIwLjUgNC4xYy43LTEuMyAyLTIgMy41LTJzMi43LjcgMy41IDJMNDcgMzcuOWMuNyAxLjMuNyAyLjcgMCA0LS43IDEuMy0yIDItMy41IDJ6TTI0IDYuMSA0LjUgMzkuOWgzOS4xTDI0IDYuMXoiPjwvcGF0aD48Y2lyY2xlIGN4PSIyNCIgY3k9IjM1IiByPSIzIj48L2NpcmNsZT48cGF0aCBkPSJNMjQgMzBjLTEuNCAwLTIuNS0xLjEtMi41LTIuNXYtMTBjMC0xLjQgMS4xLTIuNSAyLjUtMi41czIuNSAxLjEgMi41IDIuNXYxMGMwIDEuNC0xLjEgMi41LTIuNSAyLjV6Ij48L3BhdGg+PC9zdmc+)\" data-icon=\"LsAlertOutline\" data-id=\"3\" aria-hidden=\"true\" class=\"swl-inline-icon\">\u2003<\/span>Important<\/span><\/span><\/div><div class=\"cap_box_content\">\n<p class=\"wp-block-paragraph\">If the login button is only displayed in the side menu (header menu), you may not be able to login after saving. If you wish to set this up after checking the above, please tick the box \"Confirmed that it is safe to save\".<\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u30b5\u30a4\u30c9\u30e1\u30cb\u30e5\u30fc\uff0f\u30d8\u30c3\u30c0\u30fc\u30e1\u30cb\u30e5\u30fc\u306e\u80cc\u666f\u8272\u3084\u6587\u5b57\u8272\u306e\u7de8\u96c6\u306a\u3069\u304c\u3067\u304d\u307e\u3059\u3002\u203b\u57fa\u672c\u7684\u306a\u64cd\u4f5c\u306f\u5171\u901a\u3067\u3059\u306e\u3067\u3001\u30b5\u30a4\u30c9\u30e1\u30cb\u30e5\u30fc\u3092\u4f8b\u3068\u3057\u307e\u3059\u3002 \u30e1\u30cb\u30e5\u30fc\u306e\u57fa\u672c\u8272 01.\u7de8\u96c6\u753b\u9762\u3092\u958b\u304f \u30b5\u30a4\u30c9\u30e1\u30cb\u30e5\u30fc\u306e\u80cc\u666f\u8272\u3001\u6587\u5b57\u8272\u3092\u304a\u597d\u307f\u306e\u8272\u306b\u8a2d\u5b9a\u3067 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":98,"template":"","meta":{"_acf_changed":false,"content-type":"","swell_btn_cv_data":"","slim_seo":{"title":"Advanced Settings - How to Use learningBOX","description":"You can edit the background and text colors of the side menu and header menu. *Since the basic steps are the same, we\u2019ll use the side menu as an example. Basic Menu Colors 01. Open the Edit Screen You can set the background and text colors of the side menu to your preferred colors. Click the colored square to the left of the color code. 02. Setting the Color Example and"},"_slim_seo_primary_term_category-how-to-use":0,"footnotes":""},"category-how-to-use":[92],"class_list":["post-987","how-to-use","type-how-to-use","status-publish","hentry","category-how-to-use-menu-management-menu-management"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-10-03 00:05:43","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category-how-to-use","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use"}],"about":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/types\/how-to-use"}],"author":[{"embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":5,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/987\/revisions"}],"predecessor-version":[{"id":4259,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/987\/revisions\/4259"}],"wp:attachment":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/media?parent=987"}],"wp:term":[{"taxonomy":"category-how-to-use","embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/category-how-to-use?post=987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}