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;
}
