Custom CSS codes not working for submit button

  • ArtyProf
    Asked on February 12, 2016 at 5:40 AM

    Hello! i made screenshots for this problem - i use css in form (just testing feature, i not programmer). And strange - in design view - all alright? but in preview - i see default style.

    Jotform Thread 770840 Screenshot
  • Kiran Support Team Lead
    Replied on February 12, 2016 at 9:50 AM

    Most of the changes on the form can be made out of using Design tab in the Form Designer. Did you get this CSS code from any of the other thread? The rounded corners for the submit button can be achieved from the design tab as shown below:

    Custom CSS codes not working for submit button Image 1 Screenshot 20

    It seems that there is a conflict with the CSS code used on the form. If you can let us know what exactly you are trying to achieve so that we can assist you in the right direction. You may also consider taking a look at our Theme-store which is having hundreds of themes readily available that might suit your requirement.

    Please get back to us if you need any further assistance. We will be happy to help. 

  • ArtyProf
    Replied on February 12, 2016 at 9:56 AM

    Thanks for your answer! I understand that many of the effects is achieved by means of jotform, but I'm just experimenting. I try to connect the styles directly from your designer! But do not understand where the conflict! As if the source code has a higher priority..

  • Kiran Support Team Lead
    Replied on February 12, 2016 at 11:51 AM

    Yes. The CSS code injected into the form is having the higher priority. However, sometimes the code generated by the Form Designer/theme might be having important property added which overrides the CSS code injected. This may be the case we see in the above form.

    Hope this information helps! 

  • ArtyProf
    Replied on February 15, 2016 at 2:42 AM

    Thanks for answer! but how i can see i can't override! That's what i trying to check! i see in preview-and see overrided preperty (as in screenshot in the bottom), but after run preview or publish  - property dont change - they as default setting? as i made in designer window - not as css!

    sorry for english

  • Welvin Support Team Lead
    Replied on February 15, 2016 at 5:23 AM

    This is how I see your form now:

    Custom CSS codes not working for submit button Image 1 Screenshot 30

    The design is the same based on your screenshot. If the CSS codes are not applied, please try to append the !important rule.

    Custom CSS codes not working for submit button Image 2 Screenshot 41

  • ArtyProf
    Replied on February 15, 2016 at 7:27 AM

    Hello Welvin! Thanks for help! yes, with important tag -  all alright!

  • Welvin Support Team Lead
    Replied on February 15, 2016 at 8:31 AM

    You're welcome and that's great to know! Please contact us again if we can help in any way.