How to Use the CSS Customization Tool

  1. Pick the element’s ID that you would like to customize, open “inspect” on the Minute player, and find the ID’s element.

0bc583d4-d29a-4ad1-a81e-66c8f7186a50.png

83427106-a19f-48c7-9400-0f3e05e7433f.png

2. Go to the Minute Platform and follow this series of actions: Minute OVP -> Players -> Look & Behavior -> CSS Style. Write a CSS selector for the element you would like to customize.

5f5e93e1-020b-4075-b894-d0a72feba6c5.png

Important Notes: 

  • Use the element’s ID without the unique player ID, meaning, in the example, use only mplayer-controls-top-bar without the unique player ID.
  • For now, we will need to use the !important property (it will be possible to remove the !important, after future updates in the player).

Changing the Split View Background for Uproxx:

#mplayer-split-view-title-background { background-color: red !important;}