2019-09-09 12:51:57 +00:00
---
layout: page
title: Miscellaneous
---
2020-06-02 13:57:24 +00:00
2019-09-09 12:51:57 +00:00
AdminLTE has smaller custom classes that not related to other components are listed here.
2019-09-17 08:42:32 +00:00
### Text Size
2020-06-02 13:57:24 +00:00
2019-09-17 08:42:32 +00:00
You can change the font sizes with adding to any element `.text-*` e.g. (`.text-sm`).
2020-06-02 13:57:24 +00:00
2019-09-17 08:42:32 +00:00
- `.text-xs` (0.75rem)
- `.text-sm` (0.875rem)
- `.text-md` (1rem)
- `.text-lg` (1.25rem)
- `.text-xl` (2rem)
> ##### Tip!
> You can also add `.text-sm` to `body`, with this you get a complete smaller font on the UI or can you add `.text-sm` to `.main-sidebar` or `.main-header` & `.brand-link`.
{: .quote-info}
2019-09-16 10:05:55 +00:00
### Dropdown Menu Large
2020-06-02 13:57:24 +00:00
2019-09-16 10:05:55 +00:00
You can add the `.dropdown-menu-lg` to `.dropdown-menu` for a bigger dropdown menu.
2019-09-09 12:51:57 +00:00
### Dropdown Hover
2020-06-02 13:57:24 +00:00
2019-09-09 12:51:57 +00:00
You can add the `.dropdown-hover` class beside this classes:
- `.dropdown` (to use hover for the whole dropdown menu)
- `.dropdown-menu` (to use hover on a specific menu item & sub menus)
- `.dropdown-submenu` (to use hover on a specific sub menu item & sub sub menus)
2020-09-28 06:25:14 +00:00
### Form Control Bottom Border Only
You can change the form-control input to a bottom border only style with adding the `.form-control-border` class.