Streaming live at 10am (PST)

Can an embedded, third-party iFrame be centered within a CMS Rich Text Element?

Hello everyone,

I’ve recently been working on a new portfolio site for myself using a Webflow template that I bought.

I’ve been using CMS pages for each of my case studies. These CMS pages are each composed of a long Rich Text Block that is styled via classes from a separate static page, and that’s been working out very well for me.

I’ve embedded a Figma prototype link into the Rich Text field via the “Embed” feature in the rich text element within the CMS:

Screen Shot 2020-08-11 at 4.18.18 PM

It works to embed and the Figma prototype shows up on my published site, however - it’s not centered:

With that being said, my question is: Is there a way to center this embedded, third-party iFrame within the Rich Text Block so that it’s centered on the screen, rather than left-aligned?

Additionally, is it possible to add top and bottom margin spacing to an element like this?

Here is the iFrame code:

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="" allowfullscreen></iframe>

Thanks for your help in advance!

PS - Let me know if I uploaded the wrong Read-Only link, or if it doesn’t work for some reason.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)