Tag: layout

Home Documentation layout
Change the transparency (background) of ‘More’ menu in Layout 1.

The edit below will allow you to edit the transparency (background) level of the “More” menu in Layout 1.   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
+ Read More

Add space to menu items in Layout 18.

This edit will allow you to put space between each menu item in Layout 18.   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 and past the following code. If there is already code
+ Read More

Add a background image to the menu of Layout 9.

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
+ Read More

Change circle menu layout to squares.

Use the edit below to change the circles to squares in the Circle Menu Layout.   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 and past the following code. If there is already
+ Read More

Customize the menu of Layout 9.

The below edits will allow you to customize the menu of Layout 9 (add lines and control the width of the menu).     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
+ Read More

Change Background Colors On Listly Layout

Follow the instructions below to change the background color of the various grid boxes in the Grido layout.   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 and past the following code. If there is already code in
+ Read More

Change Background Colors On Grido Layout

Follow the instructions below to change the background color of the various grid boxes in the Grido layout. Enable “Advance Customization CSS / SCSS” in colors tab and enter this:   .layout.layout_grido .object:nth-child(6n+1){ background: #364F6B; } .layout.layout_grido .object:nth-child(6n+2){ background: #EA7362; } .layout.layout_grido .object:nth-child(6n+3){ background: #FF895D; } .layout.layout_grido .object:nth-child(6n+4){ background: #20DECB; } .layout.layout_grido .object:nth-child(6n+5){ background: #FFA0C2;
+ Read More