Removing chat from all pages

SOLVE
mkranitz
Contributor

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

0 Upvotes
1 Accepted solution

Accepted Solutions
dennisedson
Solution
Community Manager

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

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

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content

View solution in original post

6 Replies 6
dennisedson
Community Manager

Hey @mkranitz 

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

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content
0 Upvotes
mkranitz
Contributor

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? 🙂

 

Thanks so much,

 

Mitch

0 Upvotes
dennisedson
Community Manager

@mkranitz ,

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

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content
0 Upvotes
mkranitz
Contributor

You bet - thanks for your help here!

https://www.printpartner.biz/testtest

 

That page has the popup. 

0 Upvotes
dennisedson
Solution
Community Manager

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

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

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content

View solution in original post

mkranitz
Contributor

*BOOM* and there it is... Ladies and gentlemen, let's give it up for Dennis! 👏👏👏

 

Thanks a bunch! I really appreciate your help with this 🙂