Questions getting cut off on embedded form

  • tarenterrill
    Asked on July 3, 2018 at 4:13 PM

    My questions on the top of my form are getting cut off how do I fix this?

    Jotform Thread 1515279 Screenshot
  • tarenterrill
    Replied on July 3, 2018 at 4:19 PM

    It looks like the progress bar is blocking it how do I fix this?

  • Victoria_K
    Replied on July 3, 2018 at 4:44 PM

    Hello,

    There might be a conflict between jotform and your other page content styling.

    I have injected the following css code into your form:

    1530650609screenshotsy75j Screenshot 10

    Fields' labels seem to be shown properly now:

    1530650639screenshotzp9it Screenshot 21

    Please check and let us know if you need any further assistance.

    Thank you.

  • tarenterrill
    Replied on July 3, 2018 at 4:55 PM

    Thank you is it possible to get the padding between the progress bar and apply to join thinner? 

    Also under the apply to join and between the line reduced? 

    I'm also curious if it is possible to get the jotforms branding smaller so it isn't such an eye sore?

  • tarenterrill
    Replied on July 3, 2018 at 4:56 PM

    Where there isn't a dark green button and big grey banner where it just is simple text that says powered by jotforms? 

  • Victoria_K
    Replied on July 3, 2018 at 5:11 PM

    Hello,

    I have checked your web page once again and now I can't see the form there. It is redirected to https://www.marketingwithtaren.com/go 

    1530652283screenshotcihdk Screenshot 10

    Your form seems to be fine through it's direct URL, so please check you web page again so we could provide the correct code for your form.

    Thank you.

  • tarenterrill
    Replied on July 3, 2018 at 5:14 PM

    I just checked and www.marketingwithtaren.com/apply is working can you please recheck 

  • Richie JotForm Support
    Replied on July 3, 2018 at 5:41 PM

    You can add these custom CSS codes in your form to adjust the padding and reduce the lines.

    #header_1{
    margin-top: -2%;
    margin-bottom: -10px;
    }
    #progressjs-container{
     
      margin-top: -11px;
    margin-bottom: 1px;
    }
    #cid_1{
      margin-top: -14px;
    }

    GUIDE:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Sample output:

    Questions getting cut off on embedded form Image 1 Screenshot 20

    Unfortunately, we cannot edit the JotForm Branding.

    Please give it a try and let us know how it goes.

    Thank you.

  • tarenterrill
    Replied on July 4, 2018 at 3:56 PM

    153073416636717491 10156385370092980 890 Screenshot 10


  • tarenterrill
    Replied on July 4, 2018 at 3:57 PM

    When I get to the 2nd page of my form on mobile it won't let me select the dials or type anything


    www.tarenterrill.com/apply

  • Victoria_K
    Replied on July 4, 2018 at 4:03 PM

    Hello,

    It seems that your next question is not on styling, so we have moved it as new thread to avoid any confusion. Our answer will be available here shortly: https://www.jotform.com/answers/1516156