Custom Form Validation vs Cookie Consent


I’m using custom form validation with method below. Overall working great but I see that there is a conflict when I’m also using F’in Cookie Consent v.3 exactly. After I add the component with CC error messages no longer display as well as borders on the required field. Instead I’m receiving some informational pop-up on the page about required field. Do you have an experience with combining those two methods? What might be causing issues?
Any help highly appreciated! Thank you!


/* Style for the error text below input */ label.error { color: #de1c22; font-size: 14px; font-weight: 400; margin-top: 4px; position: absolute; } /* Style for the error state of checkbox */ label#checkboxcu-error.error { position: absolute; margin-top: 50px; left:0; } /* Style for the error state of input */ .w-input.error { border-color: #de1c22; } #checkboxcu-error:not([style="display: none;"]) ~ span::before { content: ""; width: 1.4rem; height: 1.4rem; border-radius: 0.38rem; border-width: 1px; border-style: solid; border-color: #de1c22; display: block; position: absolute; top:-1px; left:-1px; }

@Support-Luis Any ideas on this topic? :pray:

hey @slawek! I am afraid I can not give any support for FS CC

1 Like