5 Replies
scott mangold

Hi Karl, thanks for your reply.  I think I discovered the answer right after hitting send.

First, I tried entering only a height declaration only using iframe height attribute:

<iframe src="https://www.blah.com/index.html" height="600"></iframe>

I also tried appending the height declaration with px, even though this is not in the html spec (but it is observed in the following Rise article). Both of these resulted in the iframe running off the length of the page vertically (see attachment).

Second, I tried css style attributes.  CSS styling would be my preferred method:

<iframe src="https://www.blah.com/index.html" style="height: 600px; width: 600px;"></iframe>

This resulted in the style code being ignored and removed from the iframe markup.

Finally, I was successful when using both height and width iframe attributes:

<iframe src="https://www.blah.com/index.html" height="400" width="400"></iframe>

The last thing I discovered is that these properties do not control the size of the frame in a traditional 'absolute pixel value' sense.  They seem to define a fixed aspect ratio to responsively render the iframe. So using height="1" with="1" renders the same as height="400" with="400".


Jhonatan Kanauber

Hi Alyssa, i got a similar situation here. Is there a way to make the embed width smaller than the highlighted "Small" option? Or maybe fit to the code?

I'm trying to embed a custom code snippet (using bold text to highlight) in Rise but i can't seem to make it work. Thought of images already but learners need to copy/paste text on system terminal in order to make it work. Can you help please?

Tried using this tool, none of the Embedly really helped up until now.

Thanks in advance!

Chino Navarro