Hellooo,
I have a video with white background and now I can’t see the video controls, because they are white.
Can I change the colour of them? I want to change to #bd1229
You can see the video here: http://www.klosterwalsrode.de/klosterleben
Thank you for your help.
Sabine
Has anybody an idea for changing the colour?
Hi,
Thanks for your patience, it looks like you have some custom css changing the background color of the video controls from gray to transparent and disabling the video play & volume buttons which is an svg images, so if you want these to be red you will need to create new ones and upload them to your site, I added the link below of your current ones.
The player is a core WordPress element and not a Enfold element, and I don’t expect that editing the svg to be easy because the one image contain many elements:
you probably can find someone on fiverr to edit it and make the elements red for you and then upload it to your site.
Or you could remove your custom css and use this css to make the background color red and leave the player items white as they are now, so it would look like this:
div .mejs-container, div .mejs-embed, div .mejs-embed body, div .mejs-container div .mejs-controls {
background: #bd1229;
}
.mejs-button>button {
background-color: #bd1229;
}
It is kind of hard to test with your custom css in place, but I believe this is the correct css, if it doesn’t work correctly like the image above, please remove it and you other custom css so we can check again.
Best regards,
Mike
Hello Mike,
thank you very much for your help. A red background ist perfect. the problem is solved.
Best regards
Sabine