利用規約ウィジェット間のスペースを減らします。

  • hyperx
    2024年10月1日 9:13に質問

    利用規約ウィジェットの間隔が開きすぎて見栄えがおかしいです。パディングを0にしたいのですがカスタムCSSはどうしたらいいですか?コード教えてほしいです

  • Wilson_B Jotform Support
    2024年10月1日 11:55に返信

    Hi hyperx,

    Thanks for reaching out to Jotform Support. Our Japanese Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Japanese, let us know and we can have them do that. But, it might take a while until they're available again.

    Now, coming back to your question, to reduce the spacing between Terms of Use widgets you can use this code below:

    /* Reduce space between the Terms of Use widgets -#19572361*/
    li#id_93 {
       height: 0px;
    }
    li#id_84 {
        height: 0px;
    }
    li#id_66 {
        height: 0px;
    }
    li#id_19 {
        height: 0px;
    }
    /* Code ends here */

    Let me show you how to add custom CSS to your form:

    1. In the Form Builder, select the paint roller icon in the upper-right corner.A screenshot of Form Builder with an arrow pointing to the paint roller icon    to open Form Designer Screenshot 52 Screenshot 20 Screenshot 20 Screenshot 20 Screenshot 20 Screenshot 20 Screenshot 20 Screenshot 20
    2. In the Form Designer panel on the right, go to Styles at the top.A screenshot of Form Builder with an arrow pointing to the Styles tab in the Form Designer pane Screenshot 63 Screenshot 31 Screenshot 31 Screenshot 31 Screenshot 31 Screenshot 31 Screenshot 31 Screenshot 31
    3. Scroll down to Inject Custom CSS and enter your CSS code in the textarea — all changes are saved automatically.The Inject Custom CSS field in Jotform Form Builder Screenshot 74 Screenshot 42 Screenshot 42 Screenshot 42 Screenshot 42 Screenshot 42 Screenshot 42 Screenshot 42

    We also have a guide about How to Inject Custom CSS Codes that you can check out.

    Check out the screencast below to see my results:  利用規約ウィジェット間のスペースを減らします。 Image 1 Screenshot 53

    Give it a try and let us know how it goes.