Changing placement of wpcf7-not-valid-tip | WordPress.org

bonmot
(@bonmot)

2 years, 5 months ago

Is it possible to change placement of span with class=”wpcf7-not-valid-tip” (“The field is required.”)? Now Contact Form 7 places it after input and textarea. Is it possible to have it put before input and textarea, when needed?

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author Takayuki Miyoshi
(@takayukister)

2 years, 5 months ago

See Styling validation error messages

Thread Starter bonmot
(@bonmot)

2 years, 5 months ago

I am not about how it is styled, but where it is placed in HTML. Even if I make it a floating validation tip, it is still placed after/under a field: input or textarea, etc.

If you are open to suggestions from users, I would suggest adding a feature to Additional Settings: like user may indicate a class name after which validation tip span is to be placed.

Plugin Author Takayuki Miyoshi
(@takayukister)

2 years, 5 months ago

OK. I’ll consider it. Thanks for the suggestion.

manigopal
(@manigopal)

2 years, 3 months ago

can we move them (the error tool tip) from bottom left corner to top right corner ? any css trick @takayukister

Thread Starter bonmot
(@bonmot)

2 years, 3 months ago

@manigopal

Check it here: https://www.motorizm.net/contacts/

Right now they are placed at the top left corner, but it is enough to add text-align: right; to move them to the right.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Changing placement of wpcf7-not-valid-tip’ is closed to new replies.

Tags

css

In: Plugins
5 replies
3 participants
Last reply from: bonmot
Last activity: 2 years, 3 months ago
Status: not resolved