Change place of pause button

Hello, I have a problem with the video on my site.
I uploaded a video for my start page of my website. When I open the page with my smartphone, the pause button from the video is on the right side. Is it possible to change the position from this button to a place outside the video and in a white color?

Greetings

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #wp-custom-header.wp-custom-header .wp-custom-header-video-button {
      background-color: #fff;
      border-color: #fff;
      right: auto;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);            
    }   

Regards,
Kharis

The button is now white and in the center of the video. Can I change the settings so that the button is outside of the video?
Now it looks like this:


Is it possible that the button is in a thin shape like in the first screenshot but just with white lines (Background from the button transparent, just font color and box in white)?

Please try adding this CSS code:

    #wp-custom-header.wp-custom-header .wp-custom-header-video-button {
      margin-bottom: -80px;
    } 

Regards,
Kharis

The button is now outside the video. Thank you :+1:t3:

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis