```
In the above code, `.vcenter` class stands to vertically centered, meaning that the two elements with this class will be vertically aligned inside their wrapper which is `.tb-vcenter-wrapper` element.
In addition to `
Default page title
`, there can be two additional information inside the `.title-wrapper` element. A complete one will be:
```
Before title
Page Title
Some description about the page
```
#### Height
The heigh of page title by default is 150px. You can add some assets classes to specify it's height (i.e `.h-500`, `.h-700`) or if you want to use a Revolution slider inside, then you should add `.auto-height` class.
```
/// height auto (the content will set the height)
...
```
```
/// 500px height
...
```
```
/// fullscreen
...
```
#### Background image
Add `.set-bg` class along with `data-img-src` attibute.
```
```
#### Parallax
Instead of `.set-bg` you should use `.parallax-layer` class. This will make your background image to act like a parallax background image.
#### Overlay
Adding `.ov-*` classes to the page-head will add specified overlay on your background image. This can be useful to make contrast between text and image.
#### Alignment
Addidn `.center-it` class will brign the title contents to center. Also it will hide the breadcrumbs, if any.
#### Dark & Light
This asset class (`.dark`) will make texts white, so you can use dark background images or overlays without worrying about the contrast.
### Code snippets
 **Note** to the `.lined` class here
```
Lined page title
...
```
```
Never Before
Customize Darkness
```
```
Brand New
Gradient Overlays
```
 This is a fullscreen page title
```
Awesome
FullScreen Page Title
With these page titles you ca...
```
 In this example we have used `.parallax-layer` class on `.title-wrapper` with `data-parallax-mode="mode-header-content"`
```
Awesome
Parallax Title
With these page titles you can do anything you want! Customize your page titles and give them meanings. We have an awesome documentation on this.
```
Another variation to parallax content by adding `data-parallax-mode="mode-title"` to page-head.
```
Awesome
Parallax Background & Title
With these page titles you can do anything you want! Customize your page titles and give them meanings. We have an awesome documentation on this.
```
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://owwwlab.gitbook.io/chaos-docs/basics/page-title.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.