Styling label and checkbox separately

Hi – I have a CF7 form which I’ve happily styled and works fine. I now need to add a checkbox. It’s actually an acceptance checkbox but I think this question applies to checkboxes and the acceptance tag checkboxes.

I’m trying to style the label and the checkbox. Really struggling to know how to do this. With the rest of my form fields, I don’t use labels as I use pre-filled default values to label within the fields.

In this case I was going to put the text for the checkbox (i.e. what they are accepting outside the tag if possible).

At the moment I seem to have to have text for the checkbox option or acceptance condition. If I don’t the checkbox doesn’t appear. That’s problem one.

Then I’m struggling to know whether to use a class within the tag itself or do what I do on the other fields and use a div class around the CF7 tag. I’m basically having a tough time getting to control the box and the label separately from the styling on the rest of the form.

Couldn’t find much/any info. on this, but if anyone can point me in the right direction that would be great.

Thanks.

• This topic was modified 7 years ago by stuartb3502.
• This topic was modified 7 years ago by stuartb3502.