How to change button color?

  • Milanm_milanm
    Asked on July 2, 2024 at 4:44 AM

    I am struggling with designing your forms, I am constantly having a problem with the design, I add the color button but it changes it on only one slide, and then that slide disappears. It should be much easier, but somehow it always annoys me, when I try to design something. What is the problem?

  • Arghya JotForm Support
    Replied on July 2, 2024 at 5:40 AM

    Hi Milanm,

    Thanks for reaching out to Jotform Support. You can change your button color in two ways, one with Form Designer or by using Inject Custom CSS code. Let me show you how:

    1. In Form Builder, click on Paint Roller icon.
    2. Next, select preset colors under Color Scheme.
    3. Also, you can click on Styles tab, and click on Choose Style under Button Style.
    4. Then choose preset button colors.

    How to change button color? Image 1 Screenshot 30

    You can also change your submit button color by injecting Custom CSS code. Let me show you how:

    1. Click on Paint Roller icon, and click on Styles tab.
    2. Scroll down to Inject Custom CSS code and paste this code below in the box.
    3. You can change color name or color code after background-color and color to customize your button color.
    .form-submit-button.submit-button.jf-form-buttons.jsTest-submitField {
         background-color : red;
         color: yellow;
      }

    How to change button color? Image 2 Screenshot 41

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

  • Milanm_milanm
    Replied on July 2, 2024 at 6:08 AM

    Yeah, I know that, but it breaks and logs me out when I choose a color. I will try in a different browser and try to delete the cache. I don't have a problem with finding how to design forms, I have a problem with software, not always doing what I want, and logging me out.

  • Arghya JotForm Support
    Replied on July 2, 2024 at 6:29 AM

    Hi Milanm,

    Can you send us a Loom video of the issue? Can you send me the link to your form, so I can take a look at it for you? Also, can you please share your browser console log with us?

    Once we hear back from you, we'll be able to move forward with a solution.

 
Your Answer