Tag: colors

Home Documentation colors
How do I properly comment my code in the Advanced CSS box of the Colors section?

Use the sample below as a guide on how to properly comment your code in the Advanced CSS box in the “Colors” section of your App Manager.   /** Place begin comment here*/ Your CSS code will go here. /** Place your end comment here*/      

How to customize the search bar of the Places feature?

Use the code below to customize the search bar of the Places 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:   //Begin customize places search bar //change the color of the
+ Read More

How do I customize the login screen (add background, etc)?

Use the code below to customize the login screen (add a background image, color, etc) when using the Padlock 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. .customer-view.modal ion-content .list .item.item-text-wrap { display:none; }; .customer-view.modal
+ Read More

How do I change the colors of the filter bar in the Places feature?

Use the code below to change the background and text color of the filter bar in the Places 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:   //Begin change places
+ Read More

How do I change the button color in the Precise Forms feature?

Follow the steps below to change the button color when using the Precise Forms feature:   1) Go to your Control Panel and select your app. 2) Click Colors on the left-hand-side of the screen (or from the middle of the screen). 3) Scroll down to the bottom of the screen to the Advanced SCSS
+ Read More

In Appointments Pro, how do I change the color of the active icon in the booking process?

To change the “active” icon that appears as someone is booking an appointment in the Appointments Pro feature, follow the steps below:   1) Log into your Control Panel and select Colors from the left-hand-side of the screen (or the middle of the screen). 2) Scroll down to the Advanced SCSS box and enter the
+ Read More

Make the Menu background color of Layout 9 reach the bottom of the Menu.

The code change below would enable you to make the Menu background color reach the bottom 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 CSS box.  Enter the
+ Read More

Change the background or text color in Chat messages (the bubbles).

The edits below will enable you to change the background or text color of the chat messages (bubbles).  Doing so could help your app users differentiate the various chat messages.   BEFORE   AFTER   1) Log into your Control Panel and select your app. 2) Click “Colors” from the left-hand-side of the screen (or
+ Read More

Change the background color of individual menu items.

Use the code below to change the background color of your individual menu items.     Add the following css in the “Advanced Customization” section of your Control Panel.  Select “Color”, then scroll down…   .homepage .layout li:nth-child(1) { background-color: #0099C7; } .homepage .layout li:nth-child(2) { background-color: #ffd64b; } .homepage .layout li:nth-child(3) { background-color: #ff3a2e;
+ Read More

How do I change the colors of my app?

You can edit colors of your app by logging into your Control Panel, selecting your app, then click the “Colors” tab. You should note the settings before you make a change because you can’t reset to the previous settings. Simply Click the box of the color section you want to change.  The changes you make will be
+ Read More