Docs

[jasonsecrest]

I recently moved over my website since I liked how well X was doing on another website. I have past pages that have embedded YouTube videos but the size is a long skinny box. I have gone through as many forum topics and css notes to see if I can change the css of the overall site without having to adjust or redo each of the 70+ pages in cornerstone.
https://www.jasonsecrest.com/portfolio/adobe-cartoon-tutorial-aaack-the-cat/

The code seems to have the correct size (I am using the default code builder)

</iframe><iframe src=”https://www.youtube.com/embed/dJnSLMzeR98&#8243; width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

Thank You,
Jason

[Thai]

Hi Jason,

Please change the height value in your iframe to 400.

Example:

<iframe src="https://www.youtube.com/embed/dJnSLMzeR98" width="560" height="400" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Hope it helps 🙂

[jasonsecrest]

Thank you for the reply Thai. Still doing the same thing after updating the height. When I click from text to Visual the 560 x 315 format shows up correctly in the default composer. If I am on my phone/mobile the formatting is correct before playing. The only place where it stretches full screen is on the desktop.

[Rupok]

Hi there,

Thanks for writing in! You can use this to define height and width :

.entry-content iframe {
  display: block;
  height: 400px;
  margin: 20px auto;
  width: 560px;
}

Let’s change the values if needed.

Cheers!

[jasonsecrest]

Sweet! That did it. Thank you so much for your help!

Jason

[Joao]

Great to hear it

Let us know if we can help with anything else.

Joao

[Author]

Posts