CMS Development

mqb
Member

Remove bullets from a multi-select checkbox on form

SOLVE

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 Accepted solutions
louiegerodiaz
Solution
Contributor

Remove bullets from a multi-select checkbox on form

SOLVE

Hello there!

 

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

 

Hope this helps!

- Louie

View solution in original post

0 Upvotes
PatrykJ
Solution
Contributor

Remove bullets from a multi-select checkbox on form

SOLVE

You can do something like that in CSS:

ul {
  list-style: none;
}

 

View solution in original post

7 Replies 7
larryneumann
Member

Remove bullets from a multi-select checkbox on form

SOLVE

Ignore my question, I got this working.

0 Upvotes
PatrykJ
Solution
Contributor

Remove bullets from a multi-select checkbox on form

SOLVE

You can do something like that in CSS:

ul {
  list-style: none;
}

 

KMcGukin
Member

Remove bullets from a multi-select checkbox on form

SOLVE

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

0 Upvotes
jdbeckerZEAL
Participant

Remove bullets from a multi-select checkbox on form

SOLVE

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
Member

Remove bullets from a multi-select checkbox on form

SOLVE

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

Dankg
Participant

Remove bullets from a multi-select checkbox on form

SOLVE

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
Solution
Contributor

Remove bullets from a multi-select checkbox on form

SOLVE

Hello there!

 

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

 

Hope this helps!

- Louie

0 Upvotes