Checkbox issue on multiple lines

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Checkbox issue on multiple lines

Extarys pro asked 7 years ago

  Checking a checkbox when the label is on multiple lines make it go at the bottom of the label. https://screenshots.firefox.com/U5O6QgOd9y0JVLkn/localhost 
<div class="form-group">
 <input type="checkbox" class="filled-in" id="tt" name="nutritionCategory" value="value">
 <label for="tt">{{TE.en}}</label>
</div>

Mirosław Stasiak answered 7 years ago

Hi,
Adds these style to your custom css file:

[type=checkbox][class*=filled-in]:checked+label:after {
  top: 0;
}

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: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
About author
Extarys
Pro User
30Support score
10Questions 1Answers
0Snippets likes 0Snippets