Can't centre embedded Vimeo video in Cornerstone

[depiqd]

I can’t believe that I am having such trouble with this. It should be so simple and easy given the amount of control the new updates and UI have given us.

I simply get the Vimeo embed code and paste in the ‘Embed’ window within the Video Element. The video appears and I am able to make all the amendments I need but I cannot make the video appear in the centre of the page/post…what gives?

I have tried using the text formatting option which used to work. Used to make adjustments with ‘Style’ but I can’t see where this has moved to now.

The only way I can get it to be centred is to make the video huge so it fills the width of the page which is not what I want at all.

I’m pulling my hair out here!!

Why the heck is this such a difficult thing to achieve. Please, please help someone!

[nico]

Hi @depiqd,

Thanks for writing in.

Would you mind sharing us the URL where your video is located.

Once we could fully check your setup, we’ll do our best to help you.

Usually, adding margin:auto; display:block; to the section of the video it will work.

Let us know how it goes.

Thanks.

[depiqd]

Hi @nico

Thank you for your response. Sorry that this reply is a bit slow.

The URL for the post in question is http://www.alexcameronweddingfilms.co.uk/weddings/theatrical-trailer-fern-alex-bruisyard-hall-suffolk/

You should be able to see that the video is not centred in the page and there is no easy way for me to make it align to the centre without just making it a really big video. Which is what I did initially.

When you say,

@nico

Usually, adding margin:auto; display:block; to the section of the video it will work.

Which section do I need to add this too? Forgive me but I am not necessarily the most gifted web/coding guy so please be specific as to where I need to insert this code within Cornerstone.

Look forward to hearing from you.

Best regards

Alex

[Joao]

Hi Alex,

Your video seems to be centered.

The correct procedure to center an element is to click center align on the column where the element is placed.

When you set the width of an element, you also need to add to the Inline CSS of the element itself: margin-auto;

Hope it helps