Iframe not utilizing percentages

[rmcgeher]

I am trying to iframe a booking agent to my hubspot page.

This is the code I am supposed to use:

<iframe src="https://hotels.cloudbeds.com/reservation/CHANGED_TO_ANONOMIZE" width="100%" scrolling=“yes" class="iframe-class" frameborder="0" id="cloudbeds">

but when I place in that a page, this is what HUBSPOT changes it to when I review code:

<iframe id="cloudbeds" class="iframe-class" style="margin: 0px auto; display: block;" xml="lang" src="https://hotels.cloudbeds.com/reservation/CHANGED_TO_ANONOMIZE" width="560" height="315" frameborder="0" scrolling="“yes"></iframe>

How can I get it to use a percentage instead of PX? 

I'm new to hubspot - thanks for any help.

[WendyGoh · Accepted solution]

Hi @rmcgeher,

When looking to embed the following code:

<iframe src="https://hotels.cloudbeds.com/reservation/CHANGED_TO_ANONOMIZE" width="100%" scrolling=“yes" class="iframe-class" frameborder="0" id="cloudbeds">

onto a HubSpot page and retaining the percentage instead of using PX, I'd suggest for you to create a module instead of placing it in the source code of a rich text module.

You can follow through this documentation on how to create custom module and adding the module onto your template: Create and edit modules.

If you're not planning to use this module across all pages that are using this template, you can either:

1. Clone the template: Clone a blog, email, or page template.

OR

2. Use a flexible column: Use flexible columns in your pages.

[rmcgeher]

Thank you.  I will try that.