Hey gang,We’ve set up the Zoom integration for our Community, so some elements of the Events page have become redundant. In particular:The “Add to calendar” CTA is redundant since the calendar entry that is created doesn’t include the Zoom link The “Link” is sometimes redundant, since all the information we provide is either on the page or in the confirmation email we sendIs there any way to remove these elements?

Two solutions for this:Use CSS to hide that component (what we use now)Just use the Phrases editor to edit that phrase down to a single space. It still exists and can be found if you hover over the exact right spot, but they can’t find it. (This is what I did at a previous community for similar reasons)

Onomatopoeia

Helper ⭐️⭐️

Solved

Can you remove the "Add to calendar" link from Events pages?

Forum|Forum|4 years ago
October 14, 2021
9 replies
212 views

Hey gang,

We’ve set up the Zoom integration for our Community, so some elements of the Events page have become redundant. In particular:

The “Add to calendar” CTA is redundant since the calendar entry that is created doesn’t include the Zoom link
The “Link” is sometimes redundant, since all the information we provide is either on the page or in the confirmation email we send

Is there any way to remove these elements?

events

Best answer by DannyPancratz

Two solutions for this:

Use CSS to hide that component (what we use now)
Just use the Phrases editor to edit that phrase down to a single space. It still exists and can be found if you hover over the exact right spot, but they can’t find it. (This is what I did at a previous community for similar reasons)

DannyPancratzAnswer

VIP ⭐️⭐️⭐️⭐️⭐️

Two solutions for this:

Use CSS to hide that component (what we use now)
Just use the Phrases editor to edit that phrase down to a single space. It still exists and can be found if you hover over the exact right spot, but they can’t find it. (This is what I did at a previous community for similar reasons)

FYI: I am no longer active in this community

OnomatopoeiaAuthor

Helper ⭐️⭐️

Thanks @DannyPancratz that’s good advice. I don’t suppose you have the CSS to hand?

Ultimately I’d like to be able to define whether these elements appear or not in the backend. For an online event where a Zoom integration is in place, it doesn’t make sense. But for an in-person event it might be more relevant.

DannyPancratz

VIP ⭐️⭐️⭐️⭐️⭐️

@Onomatopoeia turns out I misspoke. We’re not hiding it now on my new community. It’s just not visible on past events and we didn’t have any upcoming events when I answered this. So I unfortunately don’t have the CSS.

But what I did at a previous company was use the phrases solution to change it to a single space.

FYI: I am no longer active in this community

A

Anonymous

@Onomatopoeia you can just add this code to your Custom CSS to hide it:

a.event-detail__google_calendar_link { display: none;
}

OnomatopoeiaAuthor

Helper ⭐️⭐️

Thank you so much @Scott Baldwin!

Maayan K

Contributor ⭐️⭐️⭐️⭐️

FYI once making the phrase available with support if you try to edit the phrase in the control it doesn't accept space BUT if you edit the phrase from the front-end toggle it DOES.

In the sweet spot between Tech & Biz I ride

HThaens

Contributor ⭐️⭐️

FYI, if you’re using the new events beta, neither the old CSS trick nor the phrases will work anymore. The following custom CSS will now hide the calendar links:

/* Hide Calendar Links */
div.event-details__header_label { display: none;
}

P

Pravalika S

Gainsight Employee ⭐️

Hey team,

I think there has been another update because the above Custom CSS doesn’t work for me now.
So, I tried and found that the CSS below perfectly works.

/* Hide Calendar Links */
div.event-details-container.events-add-to-calendar-container 
{ 
 display: none;
}

Refer to the screenshot:

I hope this helps!

rachel.nielsen

Contributor ⭐️

@Pravalika S Your recommendation just worked for me! Thank you!

Didn't find what you were looking for?

Sign up

Welcome to the Gainsight Community