Change font size of all elements (Event Calendar)

CSS Codes Event Calendar
1

Add the code below to the Custom CSS field on the Appearance tab of your Event Calendar widget’s settings:

/* Category */
.eapp-events-calendar-category-item {
  font-size: 20px;
}

/* Name */
.eapp-events-calendar-name-component {
  font-size: 20px;
}

/* Tags */
.eapp-events-calendar-tags-item {
  font-size: 20px;
}

/* Location and time */
.eapp-events-calendar-slider-item-locationAndTime * {
  font-size: 20px;
}

/* Popup category */
.global-styles, 
.eapp-events-calendar-popup-item-category {
  font-size: 20px;
}

/* Popup name */
.global-styles,
.eapp-events-calendar-popup-item-name {
  font-size: 20px;
}

/* Popup tags */
.global-styles,
.eapp-events-calendar-popup-item-tags .eapp-events-calendar-tags-item {
  font-size: 20px;
}

/* Popup description */
.global-styles,
.eapp-events-calendar-popup-item-description {
  font-size: 20px;
}

/* Popup time */
.global-styles,
.eapp-events-calendar-popup-item-time * {
  font-size: 20px;
}

/* Popup location */
.global-styles,
.eapp-events-calendar-popup-item-location * {
  font-size: 20px;
}

/* Popup host */
.global-styles,
.eapp-events-calendar-organizer-component * {
  font-size: 20px;
}

/* Popup share */
.global-styles,
.eapp-events-calendar-share-title,
.eapp-events-calendar-share-content * {
  font-size: 20px;
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face:

1 Like