Video Block CSS - moving description under play button

Site URL: https://www.onthedividemovie.com/

Hi, 

Can someone please help me with moving the video description under the play button?

Please see the screenshot attached for an example of how I would like it to look

Thank you in advance!! 

3 hours ago, brittco said:

Site URL: https://www.onthedividemovie.com/

Hi, 

Can someone please help me with moving the video description under the play button?

Please see the screenshot attached for an example of how I would like it to look

 

Thank you in advance!! 

Try adding to Home > Design > Custom Css

section[data-section-id="616988e4c958133f99e7711c"] .video-caption {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
section[data-section-id="616988e4c958133f99e7711c"] .sqs-video-icon {
  margin: 0 !important;
  transform: translateX(-50%);
}

Let me know how it works on your site

My testing

12 hours ago, bangank36 said:

section[data-section-id="616988e4c958133f99e7711c"] .video-caption {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
section[data-section-id="616988e4c958133f99e7711c"] .sqs-video-icon {
  margin: 0 !important;
  transform: translateX(-50%);
}

Thanks but for some reason it's not working for me 

I also need for mobile, if possible! 

Thank you so much! 

The title disappears all together. I tried to change the percentage numbers but it only works for some window sizes and not mobile

On 4/1/2022 at 12:24 AM, brittco said:

The title disappears all together. I tried to change the percentage numbers but it only works for some window sizes and not mobile

Do you still need help?