> For the complete documentation index, see [llms.txt](https://playground.e107sk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://playground.e107sk.com/e107-aragorn-theme/theme-structure/theme-shortcodes/page-class.md).

# {PAGE\_CLASS}

**Status: done (100%)**

Per-layout classes for the shared `.page` wrapper.

## Usage

```html
<div class="page {PAGE_CLASS}">
```

Used once, in [theme.html](/e107-aragorn-theme/theme-structure/theme-html.md). The wrapper is shared by every layout — layout files start *inside* it, at `.page-wrapper` — so anything that has to sit on `.page` itself comes from here.

The case that made it necessary is `auth`, which needs Tabler's `page-center` to vertically centre the login card.

The wrapper itself lives in `theme.html` rather than in each layout because the `{---HEADER---}` partial has to render **inside** `.page` — Tabler's structure is `.page > header > .page-wrapper`.

## Code

```php
	// {PAGE_CLASS} - see docs: {PAGE_CLASS}.
	function sc_page_class($parm = null)
	{
		switch(defset('THEME_LAYOUT'))
		{
			case 'auth':
				return 'page-center';
		}

		return '';
	}
```

## Notes

{% hint style="danger" %}
`THEME_LAYOUT` via `defset()` inside the method — see [theme\_shortcodes.php](/e107-aragorn-theme/theme-structure/theme-shortcodes.md).
{% endhint %}