Modifying survey buttons

Modify the labels for all buttons in the Basic Settings section of Form Settings, as follows: Basic Settings.

Modify the styling of the buttons in the CSS file. In the following example, the Submit button has a font size of 14 pixels and a light blue background (HEX color code #5081AFF).

#liveForm .kpl_builder .panel-footer .btn.submit-btn {
background : #5081ff;
display: inline-block;
margin-bottom: 0px;
font-size: 14px;
}

The following example shows the styling of the Close or Cancel button in the CSS file:

#liveForm .kpl_builder .panel-footer .btn.cancel-btn {
background : #5081ff;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0px;
font-size: 14px;
}

The following example shows the styling of the Next button in the CSS file:

#liveForm .kpl_builder .panel-footer .btn.next-btn {
background : #5081ff;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0px;
font-size: 14px;
}

The following example shows the styling of the Back button in the CSS file:

#liveForm .kpl_builder .panel-footer .btn.back-btn {
background : #5081ff;
display: inline-block;
padding: 6px 12px;
font-size: 14px;
}