menu

Questions & Answers

WPForms validation message inside field box

What custom css style code i use in my wordpress page that WPForms validation message appears inside the field box.

WPForms validation message appears inside the field box.

1

Answers(1) :

To target the "div.wpforms-container-full .wpforms-form label.wpforms-error" you should use the following CSS

div.wpforms-container-full .wpforms-form label.wpforms-error {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 100%;
padding: 10px;
font-size: 12px;
color: red;
}

Need to make sure that it's not being overridden by any other CSS styles.

Comments:
2023-01-19 00:15:03
I tried code but there is no change same as it earlier. My target element is " div.wpforms-container-full .wpforms-form label.wpforms-error "
2023-01-19 00:15:03
see updated code above
2023-01-19 00:15:03
I tried these code earlier it worked but validation message disappears. only box are appearing red error message are not showing.