Is there a way to see the CSS code that is there for the buttons?

  • Hacienda CDC
    Asked on February 23, 2023 at 4:46 AM

    Hello, Is there a way to see the CSS code that is there for the buttons we have now. We noticed you have changed your available button styles and you removed the gold two tone style we use for all of our forms. We love the look of these two tone styles so not sure why you removed them in favor of more picture styles. Also if we create a custom CSS button is there a way to store that button somewhere or do we need to copy/paste the CSS code every time?

    Page URL: https://www.jotform.com/help/118-how-to-customize-the-submit-button-with-css/
  • Rene JotForm Support
    Replied on February 23, 2023 at 5:19 AM

    Hello Hacienda,

    Thanks for reaching out to Jotform Support. Just to clarify, do you mean checking the code used for the button styling? If not, could you please explain it a bit more so that I can help you better? However, if you are referring to the gradient-styled buttons, they are still available in all forms as shown in the screenshot below:

    1677147382 63f73cf67baf3 Screenshot 10

    Regarding to your question about 'if we create a custom CSS button is there a way to store that button somewhere or do we need to copy/paste the CSS code every time?'. Currently, there is no possible way to save the style created for the Submit button. You will have to copy the customized CSS code and paste it into all the forms that you wish to use in the same style.

    Let us know if you have any other questions.

  • Hacienda_CDC
    Replied on February 23, 2023 at 5:18 PM

    Hello,

    Thank you for your response. I want to be able to imitate the CSS code you used to create the two tone button that used to be available. We have this button style currently in all of our forms. I have found a work-around by copy and pasting the button from our older forms, but was curious if you could reveal the CSS code of your pre-set styles so we can save them somewhere. I have placed the style of button I am referring to below. This button used to be available and now no longer is.

    1677190652 63f7e5fcc5333 Screenshot 10

  • Andreas JotForm Support
    Replied on February 23, 2023 at 10:52 PM

    Hi Hacienda,

    Thanks for the screenshots. That made the issue much clearer. Can you share a link to your form so we can look closer? Since we only see the new buttons, we can't share the CSS code for the button, as shown in your image. As a workaround for finding a button's CSS style, you can use the Google Console and inspect the button element.

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