How to Center-align Embeded AWS S3 Video?

[Sonic]

Hi,

I’m using the shortcode [wp_lightbox_embed_protected_s3_video name=”test-video.mp4″ bucket=”my-videocontainer” width=”500″ height=”400″] to embed a video from my AWS S3. It is always aligning to the left. I want it to be center-aligned. How do I do this?

Thanks.

[admin]

The following posts should show you how you can do center alignment.

Lightbox Ultimate – How do you align shortcode embed images horizontally

https://support.tipsandtricks-hq.com/forums/topic/wp-lightbox-ultimate-image-will-not-center-on-webpage-remains-left-aligned

[wpCommerce]

https://support.tipsandtricks-hq.com/forums/topic/lightbox-ultimate-how-to-add-css-styles-to-a-lightbox-anchor-text-or-image

[Sonic]

Hi,

I checked the links you mentioned and I’ve actually seen them before I posted.

As you can see from my post, I am not using any anchor text or image. I am using an embed (video) short code.

Here’s the shortcode I’m using:

wp_lightbox_embed_protected_s3_video

How do I center-align (horizontally) on a page if I am using this shortcode?

I tried the methods mentioned on the links you provided. I did the following steps:

1. I put a css inside wp_lightbox_ultimate_custom.css with the following:

.lightbox_ultimate_mine_s3

{

display: block;

margin-left: auto;

margin-right: auto

}

2. I added the class reference to the shortcode as follows:

[wp_lightbox_embed_protected_s3_video link=”https://s3.amazonaws.com/myPrivateBucket/myVideo.mp4″ width=”640″ height=”480″ class=”lightbox_ultimate_mine_s3″]

The result is still the same. The embedded video is not aligning to the center (horizontally) of the page.

[admin]

Please share the URL of the page where you have the video so we can inspect it in our browser.

[Sonic]

Hi, here’s the link [http://bit.ly/2xNEuEQ]

[wpCommerce]

@Sonic, This CSS worked for me:

.lightbox_ultimate_mine_s3 {

display: block;

text-align: center;

margin-left: auto;

margin-right: auto;

}

However, There is a minor bug in the shortcode where the class attribute is not being passed to the div that contains the video. We have fixed it and sent you the updated copy via email. Let me know if you don’t receive it.

[Sonic]

Ok. Got it.

[Author]

Posts