Changing button colors

You use CSS to change the color of buttons on various self-service forms.

In the following example, the code changes the color of the Next and Cancel buttons on membership application forms to red.

.navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit] {
background-color: #FF0000

To apply CSS code to your Wild Apricot site, hover over the Website menu and select the CSS option. On the screen that appears, enter the code in the Editor panel, then click Save to preview your customization within the preview area on the right. When you are finished making your changes, click Cancel to close the screen.


Please sign in to leave a comment.


About results ( seconds) Sort by: 
Sorry, an error occured when performing search.
Wild Apricot Inc. 
144 Front Street West 
Suite 725 
Toronto, Ontario M5J 2L7