Edits in synced calendar

Ask the Community General Questions
2

Hi there, @Kasper_Skov_Jensen :waving_hand:

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.

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
image1141×815 93.3 KB


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

.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 :slightly_smiling_face: