{"id":12768,"date":"2023-03-08T14:59:10","date_gmt":"2023-03-08T19:59:10","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&p=12768"},"modified":"2023-05-08T09:49:09","modified_gmt":"2023-05-08T13:49:09","slug":"add-a-background-image-to-the-menu-of-layout-9-or-layout-99","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/add-a-background-image-to-the-menu-of-layout-9-or-layout-99\/","title":{"rendered":"Add a background image to the menu of Layout 9 or Layout 99."},"content":{"rendered":"\n

The code below will allow you to add a background image to the menu of Layout 9.<\/p>\n\n\n\n

BEFORE<\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

AFTER<\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

1)<\/strong> Log into your App Manager<\/strong> and select your app<\/strong>.<\/p>\n\n\n\n

2)<\/strong> Click Colors<\/strong> from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n

3)<\/strong> Scroll down to the Advanced SCSS box<\/strong>. If there is already code in the advanced SCSS box, do not remove it.  Start a new line \u201cafter\u201d the last character in the box, then paste the code below.<\/p>\n\n\n\n

\/*** BEGIN: LAYOUT 9 - ADD BACKGROUND COLOR ***\/\n.homepage-custom {\nbackground-color: transparent;\n}\n\n.layout.l9 {\nbackground-image: url(\"https:\/\/www.intrawallpaper.com\/static\/images\/2a5y2aru.jpg\");\nbackground-position: center;\nbackground-attachment: fixed;\nbackground-color: transparent;\n}\n\/*** END: LAYOUT 9 - ADD BACKGROUND COLOR ***\/\n\nFor Layout 99:\n\n\/*** BEGIN: LAYOUT 99 - ADD BACKGROUND COLOR ***\/\n.homepage-custom {\nbackground-color: transparent;\n}\n.layout.l99 {\nbackground-image: url(\"https:\/\/www.intrawallpaper.com\/static\/images\/2a5y2aru.jpg\");\nbackground-position: center;\nbackground-attachment: fixed;\nbackground-color: transparent;\n}\n\/*** END: LAYOUT 99 - ADD BACKGROUND COLOR ***\/<\/code><\/pre>\n\n\n\n
4)\u00a0<\/strong>Click\u00a0Save<\/strong>.<\/p>\n\n\n\n
NOTE<\/strong>:\u00a0For best results, use a vertical image.<\/p>\n","protected":false},"excerpt":{"rendered":"
The code below will allow you to add a background image to the menu of Layout 9. BEFORE AFTER 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 SCSS box. If there is already code in the advanced SCSS box, do not remove it.  Start a new line \u201cafter\u201d the last character in the box, then paste the code below. 4)\u00a0Click\u00a0Save. NOTE:\u00a0For best results, use a vertical image.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-12768","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/12768","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=12768"}],"version-history":[{"count":3,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/12768\/revisions"}],"predecessor-version":[{"id":14171,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/12768\/revisions\/14171"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=12768"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=12768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}