Submit button font color is different in form builder and published form

  • jonesstrategic
    Asked on March 15, 2016 at 4:15 PM

    On website: https://www.dropbox.com/s/rv2q7x46jgdbw9y/Screenshot%202016-03-15%2012.04.32.jpg?dl=0 (wrong submit font color, ignores hover code in designer)

     

    At jotform designer: https://www.dropbox.com/s/5hd8kp5fxbq3s18/Screenshot%202016-03-15%2012.04.57.jpg?dl=0 (correct color and correct hover)

     

    At main form design view: https://www.dropbox.com/s/6xplba5smd2zbnv/Screenshot%202016-03-15%2012.06.01.jpg?dl=0 (incorrect submit button behavior and color)

  • Mike
    Replied on March 15, 2016 at 4:19 PM

    I have added the next CSS in order to fix the CSS conflict.

    .form-all .form-submit-button {
    color: white !important;
    }

    Submit button font color is different in form builder and published form Image 1 Screenshot 20

    Please re-check the form now.

    If you need any further assistance, please let us know.

  • jonesstrategic
    Replied on March 15, 2016 at 4:28 PM

    Still have issues with :hover. Works perfect in the form designer, but fails on the website.

  • jonesstrategic
    Replied on March 15, 2016 at 4:30 PM

    http://jones-strategic.squarespace.com/employers/

  • Mike
    Replied on March 15, 2016 at 4:49 PM

    There was some background gradient, so adding a "background: none;" fixed the hover issue.

    Submit button font color is different in form builder and published form Image 1 Screenshot 20

    Thank you.

  • jonesstrategic
    Replied on March 15, 2016 at 5:03 PM

    So that seems to be a common thread issue: Is there a way to strip out all template stuff? I felt like I was doing customizations over customizations such as trying to remove gradients and default colors after providing the settings I wanted... I had to explicitly undo a bunch of stuff so my settings would take hold. 

  • Mike
    Replied on March 15, 2016 at 5:18 PM

    Unfortunately, there is no way to remove a theme style file if it is already associated with the form.

    Also, when you save the form in form designer some of the default styles are being applied.

    If you would like to have more control over the styles, you may consider making a new form, and adding your styles directly via form Preferences.

    Submit button font color is different in form builder and published form Image 1 Screenshot 20