Customize Video Player – Change Player Color in WordPress

Many users ask us about changing the video player color to match their website theme. Since all design elements come down to a few CSS elements, we provide the CSS file below so you can edit the player color. We will be looking to make this a much simpler process in the future.

This blog will provide steps to change player color for WordPress sites. This CSS file can be used for all other front-end website frameworks. You will be needing to edit the desired color at the 5 positions where the default color (#0294f9) is mentioned.

Change Video Player Color in WordPress

Change VdoCipher video player color by adding the following CSS to WordPress. Please follow the steps:

  1. Goto WordPress Dashboard
  2. Select the Appearances button
  3. Choose the Customize Option
  4. In the new page, select Additional CSS
  5. Add the CSS in the field given

You can replace the default color value (#0294f9) with your desired color in RGB (for example rgb(255, 99, 71)) or hex (example #ff6347) format. You can experiment with colors and their hex values at HTML Color Codes.

Please contact us at for any further help with this code.

You may also like...