GPDR acceptance checkbox with Contact Form 7

[mattmco]

Hi there

Hows it going.

As we all know GPDR comes into effect May 25th 2018 so we are adding consent fields to all contact forms.
Please help with what is the correct way to CSS checkboxes and labels to be highly visible and a good size.

my attempts so far have failed. I can at best get a red border. Every CSS entry I put for the class I made does nothing.

I’m using X theme and Contact form 7
Contact form 7 entry is
Please tick the box below to consent to your data being stored inline with our Privacy Policy

[acceptance acceptance-14 class:policysds]

X theme CSS entry:
wpcf7-list-item{
border: 5px solid red;
}

^^^^ the above works

.policysds{
width:20px;
height:20px;
}

^^^ this does nothing to the acceptance box, nor does anything I add to this class CSS, why ?

Contact page

[jade]

Hi there,

Please try these codes instead:

.wpcf7-list-item .policysds {
    width: 30px;
    height: 30px;
    margin: 0;
}

.wpcf7-acceptance .wpcf7-list-item {
    display: inline-block;
    border: 3px solid #ff0000;
    border-radius: 3px;
}

Hope this helps.