Custom CSS codes not working for submit button

  • Profile Image
    ArtyProf
    Asked on February 12, 2016 at 05: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.

  • Profile Image
    Kiran
    Answered on February 12, 2016 at 09: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:

    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. 

  • Profile Image
    ArtyProf
    Answered on February 12, 2016 at 09: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..

  • Profile Image
    Kiran
    Answered 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! 

  • Profile Image
    ArtyProf
    Answered on February 15, 2016 at 02: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

  • Profile Image
    Welvin
    Answered on February 15, 2016 at 05:23 AM

    This is how I see your form now:

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

  • Profile Image
    ArtyProf
    Answered on February 15, 2016 at 07:27 AM

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

  • Profile Image
    Welvin
    Answered on February 15, 2016 at 08:31 AM

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