Issues with getting Contact form 7 to display checkboxes in block format

Hi,

At the bottom of my website, https://portfolio.ashleylaughlin.com/ has a contact form at the bottom. Radio buttons and checkboxes are used and I’m trying to get them to display as block, not inline.

I’ve followed instructions on both the Contact Form 7: https://contactform7.com/custom-layout-for-checkboxes-and-radio-buttons and on the https://www.ads-software.com/support/topic/plugin-contact-form-7-line-breaks-in-checkboxes site too. I’ve also looked at several other sources to try and solve this problem. It seems like using this should work but it doesn’t:

span.wpcf7-checkbox {
    display:block;
}

or this:

span.wpcf7-form-control {
    display:block ;
}

Even when I insert:

span.wpcf7-list-item {
display: block;
}

into my WP site’s CSS editor… It doesn’t work. I’ve gotten it to somewhat work in the past but the checkbox was on a different line than the rest of the text. I’d like it on one line.

Any suggestions?

Much appreciated,
ashloff

https://www.ads-software.com/plugins/contact-form-7/