{"id":14638,"date":"2023-10-15T20:17:50","date_gmt":"2023-10-16T00:17:50","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=14638"},"modified":"2023-10-20T00:30:37","modified_gmt":"2023-10-20T04:30:37","slug":"add-rounded-background-to-layout-99-side-menu-items","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/add-rounded-background-to-layout-99-side-menu-items\/","title":{"rendered":"Add rounded background to Layout 99 side menu items."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use the code below to add a rounded (border radius) to the background menu items in Layout 99.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong> Log into your <strong>App Manager<\/strong> and select your app.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)<\/strong> Click <strong>Colors<\/strong> from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3)<\/strong> Scroll down to the <strong>Advanced CSS box<\/strong> and enter the following code.&nbsp;If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the code below.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*** BEGIN: LAYOUT 99 - ADD BACKGROUND (BORDER RADIUS) TO SIDE MENU ITEMS ***\/\n.layout.l99 ul.items li {\n  \twidth: 90%;\n\theight: 50px;\n    background-color: rgba(255, 255, 255, 0.1);\n    padding: 5px;\n    margin: 5px auto;\n    border-radius: 15px;\n}\n\/*** BEGIN: LAYOUT 99 - ADD BACKGROUND (BORDER RADIUS) TO SIDE MENU ITEMS ***\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong> Click <strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE: <\/strong>To change the background color from transparent to a solid color, replace:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>background-color: rgba(255, 255, 255, 0.1);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">With this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>background-color: #dddddd;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the code below to add a rounded (border radius) to the background menu items in Layout 99. 1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced CSS box and enter the following code.&nbsp;If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the code below. 4) Click Save. NOTE: To change the background color from transparent to a solid color, replace:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-14638","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=14638"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14638\/revisions"}],"predecessor-version":[{"id":14646,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14638\/revisions\/14646"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=14638"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=14638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}