# Hide iFrame on one page

**URL:** <https://community.hubspot.com/t/hide-iframe-on-one-page/11182>\
**Category:** CMS Development\
**Created:** [December 10, 2018, 4:41pm UTC](https://community.hubspot.com/t/hide-iframe-on-one-page/11182 "2018-12-10T16:41:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jlawal](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jlawal/32/5125_2.png) [@Jlawal](https://community.hubspot.com/u/Jlawal)\
**Post date:** [December 10, 2018, 4:41pm UTC](https://community.hubspot.com/t/hide-iframe-on-one-page/11182/1 "2018-12-10T16:41:56Z")

</div>

Hello all,

I’m currently working on [this page](https://www.training.groupcall.com/gdpr?hs_preview=BJSMBXpv-6178002901). There is an iFrame at the bottom for live chat (please see photo1) and i would like to hide it as we don’t want it on this page.

 ![hubhelp.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/2X/8/8f123c081a51601b9b812795dde9a283f2230dd4.png)  
Photo1

Any advice on how to do this would be greatly appreciated.

Best,

Jamila 🙂

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [December 10, 2018, 8:49pm UTC](https://community.hubspot.com/t/hide-iframe-on-one-page/11182/2 "2018-12-10T20:49:39Z")

</div>

Hi @Jlawal,

you can hide the iFrame by adding

```auto
#liveAgent{
display:none;}

```

to your main CSS.

This will hide the live chat iFrames from all of your page.

If it is really the one page you can add the page class to it. You find it by opening the browser inspector and look for the class which your body has and add it to the code above.

browser inspector shortcut:

Chrome: STRG+ALT+i(WIN) or CMD+ALT+i(macOS)

(other browsers should be very similar)

_or_

right-click and inspect/explore

You’ll find the body class here:

 ![Bildschirmfoto 2018-12-10 um 21.44.14.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/1/61312b26274101cb25e8ec1815e36d1cd6b52848.png)

by adding the body class to the code it should look like this:

```auto
body.hs-content-id-6178002901 #liveAgent{
display:none;}

```

(there is a difference where you put it and if it has a space or doesn’t - just a tipp)

You can also try this:

```auto
.hs-content-id-6178002901 #liveAgent{
display:none;}

```

**Tipp:**

add this code at the very bottom of your main css.

**Tipp 2:**

If it should still not work try the “sledgehammer”-method by adding an !important after “none”.

Your code should look like this

```auto
.hs-content-id-6178002901 #liveAgent{
display:none !important;}

```

Hope this helps

regards,

Anton

| ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/1/71232bb65bd029237c40010174d30ea2bb57cbd6.png) | Did my post help answer your query? Help the Community by marking it as a solution |  
| — | — |

---

<div class="post-metadata">

**Author:** ![Jlawal](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jlawal/32/5125_2.png) [@Jlawal](https://community.hubspot.com/u/Jlawal)\
**Post date:** [December 11, 2018, 9:48am UTC](https://community.hubspot.com/t/hide-iframe-on-one-page/11182/3 "2018-12-11T09:48:52Z")

</div>

Thank you [@AntonB](https://community.hubspot.com/t5/user/viewprofilepage/user-id/72313), that’s worked perfectly!

---

<div class="post-metadata">

**Author:** ![AHyslop](https://avatars.discourse-cdn.com/v4/letter/a/898d66/32.png) [@AHyslop](https://community.hubspot.com/u/AHyslop)\
**Post date:** [October 14, 2022, 11:10am UTC](https://community.hubspot.com/t/hide-iframe-on-one-page/11182/4 "2022-10-14T11:10:05Z")

</div>

Hi Anton,

Im having a similar issue with my website, the chat is showing on the page but also in a Typeform iFrame, how can we hide it from the iFrame?

[https://boom-site-new.flywheelsites.com/website-quote/](https://boom-site-new.flywheelsites.com/website-quote/)

Many thanks,

Alex