[holly]

I’ve tried embedding the youtube video with the [embed][/embed] shortcode. My video is HUGE! How do I modify the dimensions of the video so that it doesn’t break the template? See site here

[Steven Zahm]

@ holly

Try adding the following to the theme’s custom CSS area:

iframe.youtube-player {
    width: 100%;
}

That should fix it. Let me know.

[holly]

that will do but it doesn’t look the same as on your page cmap template. It still seems pretty big

[Steven Zahm]

@ holly

The size seems to be set by the theme’s or another plugin’s CSS (or maybe some javascript). I could not find the origin of the issue and the CSS was the best I could come up with.

I, temporarily added the same YouTube video to the cMap sample. As you see it is sized correctly.

There seems to be other CSS conflicts with the theme too. Add the following to the theme’s custom CSS area:

#cn-cmap img.cn-image.logo {
  width: auto;
  float: none;
  border-radius: 0;
  box-shadow: none;
}

#cn-cmap span {
margin: 0;
}

#cn-cmap span.cn-return-to-top img {
  width: 22px
}

Hope that helps!

[Steven Zahm]

@ holly

Here’s the single page example with the YouTube video that I forgot in my previous reply.

http://connections-pro.com/demo/template/cmap/name/greater-reading-chamber-of-commerce-industry/

[Author]

Posts