> [!Metadata|i-at] > [[ITS Theme]] # CSS Classes > CSS Classes to add in the frontmatter/yaml to change the way a page looks. ```yaml --- cssclass: table, t-c, no-m --- ``` | Abbr | Classes | Description | | --- | --- | --- | | | `justified` | Justifies text | | | `readable` | Set readable line width to just that page when readable line width is off | | | `writing` | Centers Headings, justifies text, auto sets readable line width | | | `poem` | Centers text in reading mode | | | `paper` | Add paper shadow around edges of note | | `dvl` | `dataview-list` | Stylize Dataview Lists to be more spaced out and have a background | | `dvl-c` | `dataview-cards` | Style Dataview Tables and Lists as cards/like a Notion gallery | | `hr-tog` | `hr-no-icon` | Remove horizontal line icons | %% | | | | --- | --- | | `k-o` | Adds border and bullet to sub list of a kanban list | | `alt-co` | | | `no-m` | | Fully hide Frontmatter on just that page | %% # Headers/Headings | Abbr. | Classes | Description | | --- | --- | --- | | `hc` | `headings-center` | Center headings | | `hcl` | `heading-center-lines` | Center headings with a line on each side | | | `illusion` | Apply [Illusion Theme](https://github.com/ZaherAlMajed/Illusion-Theme.md) inspired styling to headings | | `h-line` | `hide-header-underline` | Remove all header underlines from note | | | `hide-header-underline-#` | Numbers(#) 1-6 will hide underlines for specific header levels | # Lists | Classes | Description | | --- | --- | | `list-bullet-color` | Rainbow colored list bullets | | `list-lines-color` | Rainbow colored list lines | | `list-neon` | Rainbow neon glow style for list lines | | `kanban` | Turn lists into kanban-like boards | | `spaced-lists` | Space out lists | # Tables | Abbr. | Classes | Description | | --- | --- | --- | | | `table` | First column has a darker background and text is bolded | | `t-c` | `tables-center` | Center tables | | `t-w` | `tables-wide` | Table expands to fill the whole width of the file | | `table-nalt` | `tables-no-alt-background` | Remove alternating row coloring from tables | | `table-b` | `tables-borders` | Add border lines to table | | `table-alto` | `tables-alt-original` | Restore column (odd) and row (even) coloring | # Tags | Classes | Description | | --- | --- | | `tag-notion` | Notion styled tags (rounded rectangle) | | `tag-bubble` | Round/pill style tags | | `tag-outline` | Outline style tags, background color becomes line color | | `tag-text` | Tags are only colored text, no background color |