CSS styling

  • kauseway
    Asked on September 10, 2015 at 11:10 AM

    Can you help me with some styling. The check boxes says I agreed to natural cures condition is sitting on top of the widget for the expiration year. Normally I could go into the styling and click on it and push it down. But somethings change for the job form and I can't even see that checkbox anymore. Plus when I going to design it tends to mess up the form. So if I could just have the CSS tune bed directly that would be great.

     

    So basically I just need to push down the checkbox below the expiration year.

    Jotform Thread 658962 Screenshot
  • BJoanna
    Replied on September 10, 2015 at 1:53 PM

    I noticed that you have a lot of CSS code inside of your form and because of that some fields are overlapping. You can move down terms and condition field by Injecting Custom CSS.  Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    #cid_58 {

    padding-top: 30px;

    }

    CSS styling Image 1 Screenshot 30

    After adding this code your form will look like this. 

    CSS styling Image 2 Screenshot 41

    Here is my demo form: http://form.jotformpro.com/form/52524948866975? 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.