Problems with the visual view of the form

  • Profile Image
    chhermann
    Asked on June 08, 2020 at 07:11 AM

    Hello dear Jotform team, 


    i have been using jotforms for two weeks and am about to buy the paid version. However I have problems with the visual view of the form. Therefore I have added 3 screenshots. 


    Problem number 1:


    The submit button is green, as I want it to be, but has a blue background, which I can't get rid of. I already changed the color of all sections, but nothing helped. 


    Problem number 2:


    I have five sections on my form. These are also displayed correctly in desktop mode. But on the mobile version they are only shown cut off. I would like to change this, but I have not found a way to edit them.


    Thanks for your help.


    Best regards,

    Alexander Fröhlich

  • Profile Image
    ashwin_d
    Answered on June 08, 2020 at 10:08 AM

    Problem number 1: Please inject the following custom CSS code in your form to fix the button issue:

    [data-type="control_button"] {

        background: #1f911f !important;

    }

    Problem number 2: You seem to have a long text in the form collapse field and to display them correctly in mobile device, we can remove the left margin and reduce the font size. Please inject the following custom CSS code in form and that should solve your problem:

    @media screen and (max-width: 480px){

    .form-collapse-table {

        margin: 0 3% !important;

    }

    .form-collapse-table .form-collapse-mid {


        margin-left: -34px !important;

        font-size: 14px !important;

    }

    }

    The following guide should help you how to inject custom CSS code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do try it out and get back to us if you have any questions.