Hide 'Google Calendar' & 'ICS links from Events

Site URL: http://www.swoopanalytics.com

Hi @tuanphan, 

I'm trying to hide the 'Google Calendar' and 'ICS' links from all Events and was wondering if there's any custom code that would do the trick?

Thanks in advance!

Try going to Design -> Site Styles, search for Events.  deselect the 'show export links' option. That did it for me.

Thanks @Jackie123 - Is your site built in 7.1? I don't seem to have that option 😞

Add to Design > Custom CSS

li.eventlist-meta-export {
    display: none;
}

Thanks so much @tuanphan!

Is it possible to remove the metadata from the actual event page too?

See screenshot below...

Add the following to Design > Custom CSS.

.event-meta-addtocalendar-container {

  display : none;
  
  }

Let us know how it goes.

Thanks @creedon - that did the trick!

Hi @creedon, it worked for me too, thanks! I was wondering if you know how to hide the time from the event description also. I tried the .event-meta-time-container, also -date-container, but it doesn't seem to work.

Thanks!

@Bedtime

Please post the URL to a page for your site where you want to hide the time.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

@creedon

Hi! Here is the URL of an "event description". https://springtail-heron-b6xz.squarespace.com/lineup/supergiant

The password is "pineapple". I would like to remove the time and date from the detail page as well as the date at the bottom, where it navigates the viewer to the next detail page.

Thank you!

6 hours ago, Bedtime said:

@creedon

Hi! Here is the URL of an "event description". https://springtail-heron-b6xz.squarespace.com/lineup/supergiant

The password is "pineapple". I would like to remove the time and date from the detail page as well as the date at the bottom, where it navigates the viewer to the next detail page.

Thank you!

Add to Design > Custom CSS

/* remove event detail time date */
body.view-item ul.eventitem-meta.event-meta.event-meta-date-time-container {
    display: none;
}

Hi @tuanphan, thank you!

Hi there. Thank you all for this, really helpful.

Is there some code injection to hide the dash and the end date of the events?

I want to list just the beginning date of events but don't know how to do that.

Thank you!

@Helder

Please see the following.

Thank you! It worked!

Just one more think. When I associate Events to a Calendar, the end time still appears there.

Any way to remove that? Thank you!

5 hours ago, Helder said:

Any way to remove that?

It could be done but not with CSS. It would require the business plan or above and Javascript. Unlike the event page time which has classes for the start, divider, and end times, the calendar just puts all the info into one element. That means that it has to be parsed with Javascript to change it.

I am unaware of any code that does this at this time.

Quote

I am unaware of any code that does this at this time.

I'm aware of some code now! 🙂

Please see Calendar Block End Time Remove.

Hi. Thank you.

I followed the instruction and still did not work.

I have a business plan now, so any other way of accomplishing this.

Also, is it possible in each individual event page to remove the link to go back to the event list?

Thank you!

@Helder

My apologies there was a step missing from the Quick Install. Please try again and let us know how it goes.

Thanks again, but it's still not working.

@Helder

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

I see now that's working, thank you!

Also, is it possible in each individual event page to remove the link to go back to the event list?

On 2/23/2022 at 11:59 PM, Helder said:

I see now that's working, thank you!

Also, is it possible in each individual event page to remove the link to go back to the event list?

Add to Design > Custom CSS

.eventitem-backlink {display: none !important;}