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 App Manager 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 box. If there is already code in the box do not delete it! Simply add this code “below” the last character of code in the box.

/*** BEGIN: PRECISE FORMS - CHANGE FORM BUTTON COLOR ***/
.precise-item .button.button-positive {
border-color: transparent!important;
background-color: #000000!important;
color: #ffffff!important;
}
.precise-form button.button.button-positive{
background-color: #000000;
}
/*** END: PRECISE FORMS - CHANGE FORM BUTTON COLOR ***/

4) Change the rgb colors/numbers to the button color of you choice. Change the hex color 000000 (this line: “color: #fff!important;”) to the color that you want to use for the “Submit” text on the button.

To change the button background color, change the bottom hex color (in this line: “background-color: #000000;”

5)Click Save.