Page break: How do I change button colors?

  • Booty_Bands
    Asked on June 25, 2024 at 9:58 PM
    Also how do i change the button color and button words here?
  • Waqas JotForm Support
    Replied on June 25, 2024 at 10:09 PM

    Hi Booty_Bands,

    Thanks for reaching out to Jotform Support. It appears that you've already change the text of your button. You can change the button colors on your form. It's easy. Let me show you how:

    1. Open your form in Form Builder and click the blue Paint Roller icon on the right side of the page.

    Page break: How do I change button colors? Image 1 Screenshot 50

    1. Click on Advanced Designer in the menu on the right.

    Page break: How do I change button colors? Image 2 Screenshot 61

    In Advanced Designer, you can use button templates to change the color of the buttons. Let me show you how:

    1. Click on the Design tab, and then select the button you want to change on your form.
    2. Under the Button Styles section, click on Button Template and select a button design.

    Page break: How do I change button colors? Image 3 Screenshot 72

    You can also use a custom CSS code to change the color of your buttons. Let me show you how:

    1. While still in Advanced Designer, click on the CSS tab in the menu on the right.
    2. Select the button on your form that you want to change. This should add the CSS body in the panel on the right.
    3. In CSS Helper, select the attribute you want to change and set the value.
    4. Then, click on Select to apply changes.

    Page break: How do I change button colors? Image 4 Screenshot 83

    Check out this guide on Style your form with CSS

    Give it a try and let us know how it goes.

 
Your Answer