Remove bullets from a multi-select checkbox on form

New Member

Hi there,

 

Having a little trouble removing and then aligning the checkboxes used in forms.

 

 

Looking at other posts and using CSS to remove the bullet point seems to work but still doesn't fix the alignment of the checkbox that should sit directly to the left of the sentence/option.

 

Code used:

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

Result:

Screen Shot 2018-10-31 at 3.03.19 PM.png

 

Has anyone come across this before and got it working?

 

Ideally I want to target that specific class for that checkbox or that class used on any other hubspot forms that have been created. 

 

Any help would be great Smiley Happy

 

Thanks.

Reply
0 Upvotes
1 Reply
Highlighted
Top Advisor

Hi @nomosone,

 

If you share a shareable preview link we can use our browser inspector tools to help you confirm a solution, but based on the image it looks like either the input or the span tag inside of the form label for the checkbox has been changed from 'display: inline-block' (checkbox), or 'display: inline' (span), to 'display:block'.

 

 

Reply
0 Upvotes