Hello folks.
I paste this code into the Rich Text Element (in the source code section):
<!-- START REALTYNINJA EMBED CODE -->
<style>#embeded iframe{ width: 100%; }</style>
<div id="embeded"></div>
<script src="https://s.realtyninja.com/static/rev-00000076/js/easyXDM/easyXDM.min.js"></script>
<script src="https://ronaldoterra2.realtyninja.com/static/js/prod/embed_js.min.js" rel="responsive" url="veja-propriedades-em-lethbridge-e-regiao"></script>
<!-- END REALTYNINJA EMBED CODE -->
However, it keeps changing to:
<!-- START REALTYNINJA EMBED CODE -->
<div id="embeded"> </div>
<script src="https://s.realtyninja.com/static/rev-00000076/js/easyXDM/easyXDM.min.js"></script>
<script src="https://ronaldoterra2.realtyninja.com/static/js/prod/embed_js.min.js" rel="responsive" url="veja-propriedades-em-lethbridge-e-regiao"></script>
<!-- END REALTYNINJA EMBED CODE -->
It messes with the layout. Any idea here?
Thanks,
Ronaldo
jnix284
2
Hi @RonaldoTerra you can’t add the <style> to the rich text editor.
You’ll need to add that to the page head html instead.
jnix284
4
you’re welcome, glad it worked 
I’m having a similar issue. Embedding the Style in the header didn’t solve it.
I paste this into a rich text module (Source code):
<iframe src=“https://app.priceguide.ai/estimator/recLQWpm9UFqgWTTt” width=“100%” height=“100%” style=“width: 100%; height: 75vh; border-top: 1px solid #999; border-bottom: 1px solid #999;” frameborder=“0”></iframe>
Save it. Then open it back up and it’s converted to this:
<iframe style=“border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 0px auto; display: block;” xml=“lang” src=“Estimator | A-1 Concrete Leveling” width=“560” height=“315” frameborder=“0”></iframe>
I tried adding: <style>#iframe{width: 100%; height: 75vh;}</style> to the header, but it’s still showing up as a tiny iframe on the page (on desktop.)
Hubspot doesn’t seem to like width=“100%” height=“100%” and keeps converting it to: width=“560” height=“315”
