Youtube Videos not centered or full width (Isola Theme)

• 

  asdopigjasdfg · Member · Aug 11, 2014 at 2:18 pm

  • Copy link
  • Add topic to favorites

  Hi – embedded Youtube videos on my site (alienfiction.com) look left justified, instead of automatically centered (Isola theme)

  Have tried the following CSS, which seems to work (Ubuntu 14 LTS / Firefox 31.0) but seems clunky – and doesn’t work in the editor’s Mobile preview mode, or in small browser windows generally:

  span.embed-youtube, div.jetpack-video-wrapper {
  	padding-left: 6em !important;
  }

  The videos don’t seem to display full width, either ;-(

  Sincerely, RHD

  The blog I need help with is: (visible only to logged in users)

• 

  sandymcfadden · Member · Aug 13, 2014 at 11:41 pm

  • Copy link

  Hi robhdylan,

  How are you inserting the YouTube video into your post?

  The way I do it and it seems to work is just by pasting the link on it’s own line in the visual editor. This formats it to fill the whole width automatically.

  Have you tried it this way?

• 

  asdopigjasdfg · Member · Aug 14, 2014 at 12:34 am

  • Copy link

  Ah, hello

  Yeah I use the &rel=0 command because it looks neater, so I always post the link in square brackets:

  [youtube=http://www.youtube.com/watch?v=zMabEyrtPRg&rel=0]

  I’ve tried just pasting a link on it’s own line as you’ve suggested, but it still comes out left justified ;-/

  Hope you can help, I really like this theme

  Cheers, Rob

• 

  sandymcfadden · Member · Aug 14, 2014 at 12:48 am

  • Copy link

  Can you provide the link to where you posted this video so I can have a look?

• 

  asdopigjasdfg · Member · Aug 14, 2014 at 2:00 am

  • Copy link

  Here’s a link to where I’ve tried both methods:

  http://alienfiction.com/2014/08/14/trying-to-center-youtube-videos-isola-theme/

• 

  sandymcfadden · Member · Aug 14, 2014 at 11:26 am

  • Copy link

  Thanks. I’m going to tag this for staff to follow up. I’m not sure why this isn’t working. I did see an older thread which was similar where they had to remove old max-width settings from the database manually. Not sure if this is the same thing or not.

  In the mean time you might also try setting the width yourself for the video to be as wide as you want. Something like

  http://www.youtube.com/watch?v=VoO89cqDgJU&rel=0&w=620

• 

  asdopigjasdfg · Member · Aug 14, 2014 at 6:53 pm

  • Copy link

  Nice.

  Adding &w=640 does seem to solve the problem.. after spending most of the day removing square brackets and youtube= from 192 posts *phew*

  Just to let you know, there are other minor oddities – a large Block Quote mark on the front page under a post title (weird) and a largish text gap appearing underneath Gallery images:

  http://philraptor.files.wordpress.com/2014/08/two-isola-theme-errors.png

  Thanks for all your help!

  Sincerely, Robert

• 

  sandymcfadden · Member · Aug 14, 2014 at 8:05 pm

  • Copy link

  Hi Robert,

  Glad the video thing is sort of straightened out in manual labour kind of way.

  For the block quote it seems to be coming from http://alienfiction.com/2014/08/14/st-vincent-4ad-session-wallpaper/

  It looks like you have just the titles displaying through on the front page, but for some reason the blockquote is coming through.

  You could add something like

  .home .entry-content blockquote::before {
    display: none;
  }

  to get rid of it.

  For the gallery issue I think this should fix it up for you.

  .gallery {
      overflow: auto;
  }

  Let me know how that works out.

• 

  asdopigjasdfg · Member · Aug 14, 2014 at 9:12 pm

  • Copy link

  Worked like a boss – thank you for all your help

  Sincerely, RHD

• 

  sandymcfadden · Member · Aug 14, 2014 at 9:58 pm

  • Copy link

  Wonderful, glad that part is better now as well.