Hi , How do i edit my contact form 7 so each field is full width for tablet and desktop and the checkbox below the submit button is white when clicked. footer for reference is in https://solar.uftsecurity.com/faq/

1 – Each field is full width on Tablet and Desktop:

div[data-id=”51333ef2″] .columns_wrap:last-child .column-1_2 {
width: 100%;
}

Note: This is a “hack” or a quick fix. It is likely best to edit the code within CF7 form itself (this example is a basic contact form):

<div class=”cf7-side-by-side”>
<div style=”padding-right:7.5px!important;”>
[text* user-name placeholder “Name”]
</div>
<div style=”padding-left:7.5px!important;”>
[email* user-email placeholder “Email”]
</div>
</div>

[text* subject placeholder “Subject”]

[textarea* message id:full-textarea placeholder “Message”]

<div class=”clearfix-all”></div>

<style>
.cf7-side-by-side {
display:flex!important;
width:100%!important;
}

.clearfix-all {
clear:both!important;
}
</style>

2 – Button below button, white on click:

I can’t answer until the validation is set up properly. I attempted to check/click the box and it didn’t work. Let me know when it is corrected.