---
title: "CSS"
slug: "css"
abstract: "How to overwrite page styles using custom CSS."
---
# CSS

You can use the **CSS** tab to apply custom style overrides to a page using cascading stylesheet (CSS) syntax.

<details>
<summary>Example</summary>

The following example describes how to change the font color, size, and alignment of video subtitles on the **Asset details (Video)** page. You do so by customizing the *.mejs__captions-layer MediaElement.js* library and changing the following CSS settings: **color**, **font-size**, **line-height**, and **text-align**.

```css
.mejs__captions-layer {
  color: yellow;
  font-size: 3vw;
  line-height: 20px;
  text-align: center;
}

```

</details>

To change CSS rules:

1. On the menu bar, click **Manage** :mdiCogOutline:.
2. On the **Manage** page, click **Pages**.
3. On the **Pages** page, in the left pane, select the page you want to modify.
4. Click the **CSS** tab, click **Edit** and, in the code field, enter your custom CSS rules.
5. Click **Save**.

> [!note]
> For the changes to show, you must refresh the page.

> [!tip]
> Click **History** :mdiHistory: to view the custom CSS change history.