How do I change the color of the submit button on my form?

Follow

Jane Vance

• May 02, 2017 15:01

I want to change the color of the submit button on my form. How do I update this?

Original question received by ShortStack Support

0

• Official comment

  

  Jane Vance

  • May 02, 2017 15:11
  • Edited

  Answer from ShortStack Support: This can be done via the Style Panel. Here's how to style the checkboxes: 

  1. Click the icon at the top to open the Style Panel
  2. Click the Form Widget in the Edit Widgets Panel to open the Form Widget settings in the Style Panel
  3. Within the Style Panel under ALL FORM, click SUBMIT BUTTON
  4. 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
  5. 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*/
  }

  Permalink

Please sign in to leave a comment.