Remove bullets from a multi-select checkbox on form

Developer Support CMS Development
1

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?

2

Hello there!

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

Hope this helps!

- Louie

3

You can do something like that in CSS:

ul {
 list-style: none;
}
4

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

5

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;
}
6

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

7

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

8

This worked, thanks!

9

Ignore my question, I got this working.