How to style jquery validation error message?

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: How to style jquery validation error message?

amit_savani asked 7 years ago

I added jquery validation but the error messages intermingle with the label. Find the image here to get an idea. Can anybody help me to fix the issue?

fmorriso commented 7 years ago

Are the elements that are bleeding together in separate DIV's or have a <code> < br / > </code> between them? What CSS styles, if any, are being applied to the two elements that bleed together? Look for anything that performs a "pull left" type of styling on the second element.

Mikołaj Smoleński staff answered 7 years ago

Hi,

You can use this to place our label below the input:

.md-form label.active {
    transform: translateY(220%);
}

Regards

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
About author
amit_savani
0Support score
1Questions 0Answers
0Snippets likes 0Snippets