How do I change the color of the submit button on my form?
I want to change the color of the submit button on my form. How do I update this?
Original question received by ShortStack Support
-
Official comment
Answer from ShortStack Support: This can be done via the Style Panel. Here's how to style the checkboxes:
- Click the icon at the top to open the Style Panel
- Click the Form Widget in the Edit Widgets Panel to open the Form Widget settings in the Style Panel
- Within the Style Panel under ALL FORM, click SUBMIT BUTTON
- In the BUTTON section, update the color in the box below Background Color, and in the BUTTON TEXT section, update the color in the box below Text Color
- Click Save at the bottom of the Style Panel
Steps 1-4 are illustrated in the image below.
For older Campaigns not using Style Panel:
If you are not using the Style Panel for your Campaign (older Campaigns), then you can update the color of the submit button using CSS. Here's the CSS you need:
/*Color of Submit button */
a.form_submit.ss_btn{
background:#cccccc; /*Button background color*/
color:#000000; /*Text color*/
}
/*Hover color of Submit button*/
a.form_submit.ss_btn:hover{
background:#000000; /*Button background color*/
color:#cccccc; /*Text color*/
}Comment actions
Please sign in to leave a comment.
Comments
1 comment