Remove bullets from a multi-select checkbox on form

[nomosone]

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:

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 🙂

Thanks.

[Jsum]

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'.

Need help? Hire Us Here