Center embedded video

Hi, I reduced the siye of an embedded youtube video bz using the following CSS:

.widget_sydney_video_widget iframe {
max-height: 450px;
max-width: 550px;
}

It worked fine but I need the video to be centered. I tried everything I could think of but just haven’t found a solution. Can you help me?

The page is https://pendiq.dk/safety-box/

Thanks!

Hi,

Have you try this code?

@media only screen and(min-width: 991px){
  .fluid-width-video-wrapper iframe {
    left: 14%;
  }
}

Regards,
Awan

No unfortunately that didn’t work :frowning:

Hi,

Try this please:

.fluid-width-video-wrapper {
    text-align: center;
    width: 75%;
    margin: 0 auto;
}

Maybe you’ll need to adjust the value of the width to centering the video.

Regards,
Awan

Hi Awan,

this did not work either. Any other thoughts? :frowning:

Regards,
Sarah

Hi Sarah,

Can you create a temporary login detail to your site? let me try to resolve it directly.
You can send it to awan.rimbawan101 at gmail.

When you send email me, please append the URL of this thread in your message.

Regards,
Awan