CSS

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

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.

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

To change CSS rules:

On the menu bar, click Manage .
On the Manage page, click Pages.
On the Pages page, in the left pane, select the page you want to modify.
Click the CSS tab, click Edit and, in the code field, enter your custom CSS rules.
Click Save.

Note

For the changes to show, you must refresh the page.

Tip

Click History to view the custom CSS change history.

If you have suggestions for improving this article, let us know!