Change heading style for Months when we 'Group Events by Months'

Ask the Community Customization
1

‘Group Events by Months’ doesn’t allow us to change the font weight, font size, or line spacing for the Months listed. Please show us the code to fix this!

1 Like
2

Hi there, @user21461 and welcome aboard :waving_hand:

This code should work great:

.eapp-events-calendar-date-element-item {
  font-weight: 200;
  font-size: 14px;
  line-height: 2;
}

Please add it to the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped :wink:

1 Like
3

Fantastic, thank you!

Do you know how I can also add the font styles to the “Past Events” heading so it matches the months headings?

1 Like
4

Sure! Here is the code for the Past Events title :slightly_smiling_face:

.eapp-events-calendar-layout-pastEventsTitle{
  font-weight: 200;
  font-size: 14px;
  line-height: 2;
}