Styling list bullets in "Text" html

  • OLNCMYWeb
    Asked on October 4, 2014 at 4:34 PM

    I have a static "Text" field where I have list bullets. I've injected my own CSS for them & I'm getting your list bullet style too.

    What is your CSS class for bullets so I can hide them?

    Styling list bullets in Text html Image 1 Screenshot 40

    Styling list bullets in Text html Image 2 Screenshot 51

    Styling list bullets in Text html Image 3 Screenshot 62

  • jonathan
    Replied on October 4, 2014 at 10:31 PM

    Hi,

    You can edit the TEXT field in text mode (this way the formatting like bulleted list will not be used).

    Follow this steps.

    1. Open the TEXT(HTML) in text only mode. Then copy the content to your own text editor (the Notepad editor should do)

    Styling list bullets in Text html Image 1 Screenshot 30

     

    2. After modifying the content by adding your custom CSS list tag, copy the content(text) back to the TEXT(HTML) field. 

    Styling list bullets in Text html Image 2 Screenshot 41

    3. Click on the OK button to save and closed the TEXT field from edit mode.

    I will make a test of this process also. Let me get back to you quickly with the result.

    Thanks.

     

     

     

  • jonathan
    Replied on October 4, 2014 at 10:46 PM

    Hi,

    I found a simpler method using custom injected CSS code.

    Try adding this CSS code to your current existing on your jotform http://www.jotformpro.com/form/42715293175962

     

    .form-html li{

        list-style: none;

    }

     

    I used it on a test jotform http://www.jotform.me/form/42768146912461

    and it seems to be working.

    Styling list bullets in Text html Image 1 Screenshot 20

     

     

    Hope this help. Tell us if it did not work for you.

    Thanks.

     

     

     

  • OLNCMYWeb
    Replied on October 4, 2014 at 11:11 PM

    Thank you. That's exactly what I was looking for and it's working.

  • jonathan
    Replied on October 5, 2014 at 12:12 AM

    You're quite welcome. =) We are glad to be help.

    Please contact us again anytime for any other assistance you need.

    Thanks!