Remove bullets from a multi-select checkbox on form

SOLVE
Highlighted
mqb
New Contributor

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?

Reply
0 Upvotes
2 Accepted solutions

Accepted Solutions
Regular Contributor

Hello there!

 

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

 

Hope this helps!

- Louie

Reply
0 Upvotes
Regular Contributor

You can do something like that in CSS:

ul {
  list-style: none;
}

 

5 Replies
Regular Contributor

Hello there!

 

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

 

Hope this helps!

- Louie

Reply
0 Upvotes
Regular Contributor

You can do something like that in CSS:

ul {
  list-style: none;
}

 

New Contributor

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

New Contributor

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

 

New Contributor

Ignore my question, I got this working.

Reply
0 Upvotes