Cannot vertically align video within column

Support
#1

Hi,

On my page - http://staging.dwanedigital.co.uk/seo/ within the “What is SEO” section I am trying to align the video in the centre of the column, so it is aligned with the text.

I’ve used this CSS within the element CSS

$el {

  float: none;
  display: inline-block;
  vertical-align: middle;
}

However that does not work and i’m not sure why. I can add padding to the top of the video via the element CSS but I don’t know if that’s just a poor way of doing it?

Thanks

#2

Hi Ryan,

Please add this code to the Column’s Element CSS:

$el {
    vertical-align: middle !important;
}

Hope this helps.

#3

Ah. To the column not the video… How come that is the case? Just to increase my own knowledge :slight_smile:

#4

Hi Ryan,

On that section > row, MARGINLESS OPTION is set to ON. With that settings, the structure is achieve using a table-cell display. That is how html aligment works for table cell/column. You might check this article for more information.

Hope this helps.

#5

Ah okay, I understand! Thanks for the additional info!

#6

We are happy to help, Cheers

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.