# Remove bullets from a multi-select checkbox on form

**URL:** <https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476>\
**Category:** CMS Development\
**Created:** [January 26, 2018, 2:22pm UTC](https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476 "2018-01-26T14:22:33Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![mqb](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mqb/32/76463_2.png) [@mqb](https://community.hubspot.com/u/mqb)\
**Post date:** [January 26, 2018, 2:22pm UTC](https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476/1 "2018-01-26T14:22:33Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![louiegerodiaz](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/louiegerodiaz/32/78356_2.png) [@louiegerodiaz](https://community.hubspot.com/u/louiegerodiaz)\
**Post date:** [January 27, 2018, 12:57am UTC](https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476/2 "2018-01-27T00:57:07Z")

</div>

Hello there!

This seems it needs a bit of CSS styling. You could check out [W3C’s tutorial](https://www.w3schools.com/howto/howto_css_custom_checkbox.asp) for starters.

Hope this helps!

- Louie

---

<div class="post-metadata">

**Author:** ![PatrykJ](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/patrykj/32/73373_2.png) [@PatrykJ](https://community.hubspot.com/u/PatrykJ)\
**Post date:** [January 30, 2018, 3:06pm UTC](https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476/3 "2018-01-30T15:06:19Z")

</div>

You can do something like that in CSS:

```auto
ul {
 list-style: none;
}

```

---

<div class="post-metadata">

**Author:** ![e-thos](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/e-thos/32/28756_2.png) [@e-thos](https://community.hubspot.com/u/e-thos)\
**Post date:** [August 3, 2018, 5:59pm UTC](https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476/4 "2018-08-03T17:59:21Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Dankg](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dankg/32/89259_2.png) [@Dankg](https://community.hubspot.com/u/Dankg)\
**Post date:** [September 13, 2018, 7:33am UTC](https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476/5 "2018-09-13T07:33:07Z")

</div>

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!

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

```

---

<div class="post-metadata">

**Author:** ![jdbeckerZEAL](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jdbeckerzeal/32/41549_2.png) [@jdbeckerZEAL](https://community.hubspot.com/u/jdbeckerZEAL)\
**Post date:** [April 6, 2020, 9:29pm UTC](https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476/6 "2020-04-06T21:29:57Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![KMcGukin](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kmcgukin/32/84083_2.png) [@KMcGukin](https://community.hubspot.com/u/KMcGukin)\
**Post date:** [September 21, 2022, 2:48pm UTC](https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476/7 "2022-09-21T14:48:16Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![GGroft](https://avatars.discourse-cdn.com/v4/letter/g/3da27b/32.png) [@GGroft](https://community.hubspot.com/u/GGroft)\
**Post date:** [May 28, 2025, 8:04pm UTC](https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476/8 "2025-05-28T20:04:49Z")

</div>

This worked, thanks!

---

<div class="post-metadata">

**Author:** ![larryneumann](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/larryneumann/32/5125_2.png) [@larryneumann](https://community.hubspot.com/u/larryneumann)\
**Post date:** [June 20, 2018, 4:42pm UTC](https://community.hubspot.com/t/remove-bullets-from-a-multi-select-checkbox-on-form/7476/9 "2018-06-20T16:42:01Z")

</div>

Ignore my question, I got this working.