How do I remove the bullets next to each form field (text box, text area, submit button)?

  • Profile Image
    Mike 
    Asked on June 04, 2015 at 02:25 PM

    Here I use the code to paste it into my site and manipulate the sizing a little to make it look like I want it to.

     

    This is if I click the Source Code button, click Embed Options button, select Source, and click the Preview button.

     

  • Profile Image
    Mike 
    Answered on June 04, 2015 at 02:37 PM

    Fixed... Never mind.. Thanks

  • Profile Image
    raul
    Answered on June 04, 2015 at 04:00 PM

    Thank you for letting us know that you were able to fix the issue.
    If you need our help, please don't hesitate to contact us.

  • Profile Image
    EpicStudio
    Answered on August 06, 2015 at 03:38 PM

    How did you do it friend? I have the same problem.

  • Profile Image
    david
    Answered on August 06, 2015 at 04:30 PM

    I would assume they used a different embed method, likely the iFrame code:

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Embedding your form using the source code subjects it to scripts and CSS already in your web page.  Occasionally these can interfere with the embedded forms and cause formatting issues.  Using the iFrame insulate your form from the rest of the page and should allow for the formatting to be properly applied.

  • Profile Image
    Mike 
    Answered on August 06, 2015 at 04:52 PM

    I really can't remember and the original code/images of the code I entered when I created this didn't go through or save here to remind me. I know it had to do with this though:

    .form-all li {
        list-style: outside none none !important;
    }

    I can't remember if I added the above to the css or if I changed .form-all li to match the above. I know I didn't use the iFrame method so maybe that might work for you if it is recommended. If not, you could try my solution. Hope this is helpful.

  • Profile Image
    david
    Answered on August 06, 2015 at 04:58 PM

    Thank you for the response.  It's always nice when users are willing to share what worked for them.  The above CSS would indeed remove bullet points if they were present in the form.  If the form itself does not have bullet points but the embedded form does, it is more likely a conflict issue. 

    If neither of these solutions work, if you wouldn't mind creating a new thread letting us know the form you are working with and the URL of your page, we will be happy to take a look.