How to Use the CSS Customization Tool

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

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

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

2. Go to the Voltax platform and follow this series of actions: VMS -> 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;}