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:
- Goto WordPress Dashboard
- Select the Appearances button
- Choose the Customize Option
- In the new page, select Additional CSS
- 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 firstname.lastname@example.org for any further help with this code.