{"id":13143,"date":"2023-05-05T14:53:11","date_gmt":"2023-05-05T18:53:11","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13143"},"modified":"2023-05-07T23:49:14","modified_gmt":"2023-05-08T03:49:14","slug":"layout-s35-apply-a-gradient-background-to-side-menu","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/layout-s35-apply-a-gradient-background-to-side-menu\/","title":{"rendered":"Layout S35: Apply a gradient background to side menu"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>1)&nbsp;<\/strong>Log into your&nbsp;<strong>App Manager<\/strong>&nbsp;and&nbsp;<strong>select your app<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)&nbsp;<\/strong>Click&nbsp;<strong>Colors<\/strong>&nbsp;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>&nbsp;Scroll down until you get to the&nbsp;<strong>Advanced&nbsp;SCSS box<\/strong>&nbsp;and paste 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 S35 - APPLY GRADIENT TO SIDE MENU ***\/\n\n.layout.s35 .sidenav ion-content ul { background: linear-gradient(to right, #14589f 0%, #13224d 100%) !important; }\n\n\/*** END: LAYOUT S35 - APPLY GRADIENT TO SIDE MENU ***\/<\/code><\/pre>\n\n\n\n<div class=\"wp-block-gutenverse-image guten-element guten-image guten-eGbQ4h\"><a class=\"guten-image-wrapper\"><img decoding=\"async\" class=\"gutenverse-image-box-filled\" src=\"https:\/\/buzapps.net\/info\/wp-content\/uploads\/2023\/05\/customize_layout_s35_apply_gradient_side_menu.jpg\" height=\"569\" width=\"800\"\/><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>1)&nbsp;Log into your&nbsp;App Manager&nbsp;and&nbsp;select your app. 2)&nbsp;Click&nbsp;Colors&nbsp;from the left-hand-side of the screen (or the middle of the screen). 3)&nbsp;Scroll down until you get to the&nbsp;Advanced&nbsp;SCSS box&nbsp;and paste 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","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13143","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13143","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=13143"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13143\/revisions"}],"predecessor-version":[{"id":13153,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13143\/revisions\/13153"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13143"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}