# Edits in synced calendar

**URL:** <https://community.elfsight.com/t/edits-in-synced-calendar/126652>\
**Category:** General Questions\
**Tags:** event-calendar\
**Created:** [June 17, 2025, 8:39pm UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652 "2025-06-17T20:39:42Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kasper\_Skov\_Jensen](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/kasper_skov_jensen/32/22504_2.png) [@Kasper\_Skov\_Jensen](https://community.elfsight.com/u/Kasper_Skov_Jensen)\
**Post date:** [June 17, 2025, 8:39pm UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652/1 "2025-06-17T20:39:42Z")

</div>

Hi

I’m looking to use the calendar widget to show all 380 games in the English Premier League.

I can import the games to my Google calendar, but for all home teams I wish to show a CTA with an affiliate link for bying tickets to that home team. I would also like to show two CTAs on how to stream the Premier League

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [June 18, 2025, 7:18am UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652/2 "2025-06-18T07:18:20Z")

</div>

Hi there, @Kasper_Skov_Jensen 👋

Unfortunately, the CTA button isn’t supported for events imported from Google Calendar. We have a request for this feature and you can upvote it here - [Add button for EC connected to Google Calendar](https://community.elfsight.com/t/add-button-for-ec-connected-to-google-calendar/81026).

The good news is that we have a workaround to create a custom button. For this, you should add a button text with the link to the event description in your Google Calendar:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/4/34c643afdcf347e96f1b587dfe37f9a9bcb4e20c.png)

  

After that, please use the code below in the Custom CSS field on the Style tab of your widget’s settings:

```auto
.global-styles, 
.eapp-events-calendar-events-calendar-component a,
.eapp-events-calendar-modal-modal a {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: white;
  background-color: purple !important;
  padding: 10px 20px;
  border: 0px solid purple;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  text-wrap: auto;
  overflow-wrap: anywhere;
}

.global-styles,
.eapp-events-calendar-events-calendar-component a:hover,
.eapp-events-calendar-events-calendar-component a:focus,
.eapp-events-calendar-modal-modal a:hover,
.eapp-events-calendar-modal-modal a:focus {
  color: white !important;
}

```

  

Please give it a try and let me know how it worked 🙂

---

<div class="post-metadata">

**Author:** ![Kasper\_Skov\_Jensen](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/kasper_skov_jensen/32/22504_2.png) [@Kasper\_Skov\_Jensen](https://community.elfsight.com/u/Kasper_Skov_Jensen)\
**Post date:** [June 18, 2025, 8:26am UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652/3 "2025-06-18T08:26:18Z")

</div>

Thanks!

Can I add more than one CTA this way?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [June 18, 2025, 8:41am UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652/4 "2025-06-18T08:41:38Z")

</div>

Please try to add several button texts with links to the event description and let me know if it worked 🙂

---

<div class="post-metadata">

**Author:** ![Kasper\_Skov\_Jensen](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/kasper_skov_jensen/32/22504_2.png) [@Kasper\_Skov\_Jensen](https://community.elfsight.com/u/Kasper_Skov_Jensen)\
**Post date:** [June 18, 2025, 12:11pm UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652/5 "2025-06-18T12:11:32Z")

</div>

> [@Max](#):
>
> ```auto
> .global-styles, 
> .eapp-events-calendar-events-calendar-component a,
> .eapp-events-calendar-modal-modal a {
> display: inline-block;
> font-size: 12px;
> font-weight: bold;
> color: white;
> background-color: purple !important;
> padding: 10px 20px;
> border: 0px solid purple;
> border-radius: 20px;
> text-align: center;
> text-decoration: none;
> cursor: pointer;
> text-wrap: auto;
> overflow-wrap: anywhere;
> }
> 
> .global-styles,
> .eapp-events-calendar-events-calendar-component a:hover,
> .eapp-events-calendar-events-calendar-component a:focus,
> .eapp-events-calendar-modal-modal a:hover,
> .eapp-events-calendar-modal-modal a:focus {
> color: white !important;
> }
> 
> ```

I can only see them as text links in the desription: [https://019a11cd7d324f44a0efbba3750f0fdb.elf.site](https://019a11cd7d324f44a0efbba3750f0fdb.elf.site)

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [June 18, 2025, 12:15pm UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652/6 "2025-06-18T12:15:52Z")

</div>

Do I get it right that it’s working fine if you add only 1 button?

---

<div class="post-metadata">

**Author:** ![Kasper\_Skov\_Jensen](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/kasper_skov_jensen/32/22504_2.png) [@Kasper\_Skov\_Jensen](https://community.elfsight.com/u/Kasper_Skov_Jensen)\
**Post date:** [June 18, 2025, 8:35pm UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652/7 "2025-06-18T20:35:48Z")

</div>

Hi @Max

My issue now is that I have a calender synced with a lot of matches, but only a few of them shows up in the widget

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [June 19, 2025, 10:54am UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652/8 "2025-06-19T10:54:56Z")

</div>

Hi there, @Kasper_Skov_Jensen 👋

The thing is that it’s possible to pull only 100 latest events from the Google Calendar. I am really sorry!

We already have a request to increase this limit and you can upvote it here 🙂 - [Google Calendar Integration: increase the number of events displayed in the widget](https://community.elfsight.com/t/google-calendar-integration-increase-the-number-of-events-displayed-in-the-widget/68221)

---

<div class="post-metadata">

**Author:** ![Kasper\_Skov\_Jensen](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/kasper_skov_jensen/32/22504_2.png) [@Kasper\_Skov\_Jensen](https://community.elfsight.com/u/Kasper_Skov_Jensen)\
**Post date:** [June 19, 2025, 11:42am UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652/9 "2025-06-19T11:42:18Z")

</div>

Hi again

So what happens as the events pass? Do I need to sync the calendar again?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [June 19, 2025, 12:18pm UTC](https://community.elfsight.com/t/edits-in-synced-calendar/126652/10 "2025-06-19T12:18:22Z")

</div>

No, you don’t need to resync the widget. Past events will be displayed in the Past Events section 🙂

Here is how you can enable it:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/a/8ada0f8c9ce14046eb013c7c43881afaeae299ac.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/9/69cd463df5d01cb0405d52eaffa7e4efc3dd3aaf.png)