Remove bullets from a multi-select checkbox on form

[mqb]

When a user is presented with a multi-select checkbox field on my form each selection is preceded by a bullet for some reason; it looks terrible and is poor UI. How can I remove this from the form so no bullets appear next to any fields?

[louiegerodiaz · Accepted solution]

Hello there!

This seems it needs a bit of CSS styling. You could check out W3C's tutorial for starters.

Hope this helps!

- Louie

[larryneumann]

Ignore my question, I got this working.

[PatrykJ · Accepted solution]

You can do something like that in CSS:

ul {
  list-style: none;
}

[KMcGukin]

What file CSS file in design manager does this code need to be added to?

[jdbeckerZEAL]

Thanks for sharing this. I am a novice when it comes to CSS and am not certain where to input this. Any further guidance?

[e-thos]

I also have the same problem but the above code didnt help It's a wordpress site based on divi 

[Dankg]

We are styling forms in WordPress with Divi too. The above code did not work for us, but the code below worked for us. Good luck!

hs-form-booleancheckbox {
    list-style: none;
}

[louiegerodiaz · Accepted solution]

Hello there!

This seems it needs a bit of CSS styling. You could check out W3C's tutorial for starters.

Hope this helps!

- Louie