Media don't center no more

Hey @Ange Tuteur,

I've got an issue with the media on my site. Since FM changed something in their core code to solve the issue displaying YouTube videos, my vids don't center no more.

As you may know I'm using CSS to automatically resize and center embedded media:

Code:

/*--- RESIZE AND CENTER EMBEDDED (YT) VIDEOS --------------------*/
.post .postbody .content.clearfix div embed {display:block !important;margin:0 auto !important;width:854px !important;height:480px !important;}

but that bit won't work as it should now. Seems like they're not embedded no more, somehow.


I've compared the outcome to the other YouTube Playlist JS I'm using and the outcome is very differnt. The JS is working fine as you can see in my latest post on my site (Muziek Topic).

Could you please fix the CSS code so that single YT media posts will center and resize again?


Thanks in advance for your help.


Samantha.

Hi @Samantha,

They're using an iframe now, so the CSS will look something like this :

Code:

.post iframe[src*="youtube"] {
  margin:0 auto;
  display:block;
}

Ange Tuteur wrote:Hi @Samantha,

They're using an iframe now, so the CSS will look something like this :

Code:

.post iframe[src*="youtube"] {
  margin:0 auto;
  display:block;
}

AN IFRAME? OMG! You must be joking, right? Talking 'bout amateurism ....

I'll give it a try lateron. Busy, busy, busy atm... I'll let ya know!

Alright!!

Thanks @Ange Tuteur. Works perfectly! I kept the other code in place, just in case FM cut some corners and had the iframe in place temporarily...

New code:

Code:

/*--- RESIZE AND CENTER EMBEDDED (YT) VIDEOS --------------------*/
.post iframe[src*="youtube"] {margin:0 auto;display:block;width:854px !important;height:480px !important;}
.post .postbody .content.clearfix div embed {display:block !important;margin:0 auto !important;width:854px

It screwed up the other JS however... http://prntscr.com/c7sbhp

EDIT: It's prolly the 854 px width doing that in the new iframe CSS. I'll fix that after dinner

All fixed now It was 700 x 420 px.