Why don't my embedded YouTube videos show at the width I've selected?

• 

  peterhmurray · Member · Jun 23, 2014 at 9:02 pm

  • Copy link
  • Add topic to favorites

  I’ve been embedding YouTube videos on my site.
  (see http://peterhmurray.com/about/surrender-dorothy/)

  Since it’s a pretty low-res video, I’d like it to appear at a smaller size than full-width.
  So I followed the instructions and embedded it by placing this on the page:
  [youtube=https://www.youtube.com/watch?v=ORqRw81mV6U&w=320]

  But it still appears as full width…
  Is this an issue related to my template (Soundcheck)?
  Or is there a fix you can advise me of?

  Thank you!

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

• 

  jeremeylduvall · Member · Jun 23, 2014 at 9:19 pm

  • Copy link

  Hi Peter,

  It looks like this is due to the styling applied by the theme to YouTube embeds. It’s similar to the styling discussed here:

  http://premium-themes.forums.wordpress.com/topic/resizing-youtube-embeds?replies=4#post-51331

  You could style all of your YouTube embeds however using the following CSS.

  .embed-youtube iframe {
  	width: 50%;
  	height: 50%;
  }

  Just input that under Appearance -> Customize -> CSS. You can adjust the percentages up and down to achieve the size you’re looking for. Also, just for future reference, we have a forum devoted to CSS customizations here:

  https://en.forums.wordpress.com/forum/css-customization

  In case you’re interested to learn a bit more, we have some information and resources here:

  http://en.support.wordpress.com/custom-design/editing-css/

  Let me know if you need anything else!