Tag: color

Home Documentation color
How do I change the background color of the radio player?

Follow the instructions below to change the default background color of the Radio player in your app. 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
+ Read More

How do I change the icon color of the Menu Icons in the MobileCart feature?

Use the code below to change the icon color of the Main Menu in the MobileCart feature:   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
+ Read More

Edit the menu text color when using Layout Farah.

Use the code below to change the menu text/title color when using Layout Farah.   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
+ Read More

Customize the background color or use an image of the list items in a Folder.

Use the code below to change the background color or use an image of the lists that are in folders:   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 enter the following code:   Change the background
+ Read More

How do I give the My Account login screen a solid background color?

Follow the instructions below to give the “My Account” (login/register) screen a solid background color.   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 box do not delete it!  Simply
+ Read More

Change the Points default background color in Progressive Loyalty Points.

Use the code below to change the Points default background color int he Progressive Loyalty (Reward) Points feature.   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 box do not
+ Read More

Change the background color of the M-Commerce or MobileCart (shopping cart) quantity button.

Use the code below to change the background color of the quantity button in the M-Commerce or MobileCart feature.     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 box
+ Read More

How do I change the color of the Placeholder text in the Precise Forms feature?

Use the code below to change the text color of the Placeholder text in the Precise Forms feature:   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
+ Read More

How do I can change the background color of the temperature in the weather feature?

Use the code below to change the background of the temperature in the weather feature:   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 enter the following code: .current-weather .temp { font-size: 80px; vertical-align: middle; color: #ffffff;
+ 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