Options to change the font size of the widget elements in popup

Wishlist Event Calendar
1

Thanks, the same thing for the pop up. I cant change the font size for that. Could you tell me what the CSS script would be for all the elements involved in the pop ups. Thanks!

1 Like
2

Sure, here is a CSS code changing the font size of all widget elements (including popup) :slightly_smiling_face: - Change font size of all elements (Event Calendar).

Here is the code for the popup only:

/* 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;
}

I also agree that it would be awesome to have these options right in the settings and moved this idea to a separate Wishlist request :slightly_smiling_face:

1 Like