Removing chat from all pages

Developer Support APIs & Integrations
1

Hi gang,

I have learned how to remove the chat from some pages by using the following code:

.page-id-477 #hubspot-messages-iframe-container {display: none !important;}

I just create a new line in CSS for each page that I want to prevent the chatbot from showing up in.

Question is this: I don’t want the chat to show up at all. Is there a single line that I can enter into CSS that will do this? I currently have thirty entries and it’s kind of a drag to enter it each time.

I don’t want to do it from inside the HubSpot application - I want to control this with CSS as there are other sites using the chat feature.

Thanks in advance,

Mitch

2

Hey @mkranitz

I would try to remove the .page-id-477 from that css rule and only target the iframe ID.

3

Thanks, Dennis! I should have mentioned that I did try to just add this line by itself to the Custom CSS options:

#hubspot-messages-iframe-container {display: none !important;}

But that didn’t work. It sounds like you’re suggesting something different, tho? I guess I need to learn what the iframe ID is? :slightly_smiling_face:

Thanks so much,

Mitch

4

@mkranitz ,

Would you be able to provide an example page with the chat on it?

5

You bet - thanks for your help here!

https://www.printpartner.biz/testtest

That page has the popup.

6

Give this a shot (adding some extra css just to go nuclear on it :wink:)

html #hubspot-messages-iframe-container {
 visibility: hidden;
 height: 0 !important;
 width: 0 !important;
 display: none !important;
}
7

*BOOM* and there it is… Ladies and gentlemen, let’s give it up for Dennis! :clap::clap::clap:

Thanks a bunch! I really appreciate your help with this :slightly_smiling_face: