Setting up the background color: How to make Page Button Background Transparent?

  • englep10
    Asked on September 22, 2014 at 3:40 PM

    Hello, 

       I want to make my page button's background transparent. As of right now I have a large box around my button and i want that to be the same color as my form. (white)

     

    Thank you! 

    Page URL: http://form.jotform.us/form/42186219916157?
  • Ben
    Replied on September 22, 2014 at 4:38 PM

    Hi,

    I presume that you would like to change the background behind the submit button.

    Setting up the background color: How to make Page Button Background Transparent? Image 1 Screenshot 30

    To do that you should apply next style

    .form-input-wide .form-pagebreak
    {
        background-color: transparent;
        background-image: none;
        border: medium none;
    }
     
    You can inject it into your jotform following the steps found here Inject Custom CSS Codes
     
    It should now look like this:
     
    Setting up the background color: How to make Page Button Background Transparent? Image 2 Screenshot 41
     
    Do note that the gray border at the bottom is from my own browser, it is not part of the form just in the above screenshot.
     
    Do let us know if this is what you wanted to achieve :)
     
    Best Regards,
    Ben