I need to make some customizations and only see a thread about changing Google font. I would like to make group titles all caps and customize several other aspects of the plugin regarding how it appears… The width of the filters at the top of the widgets would be nice to set to 100%, I’d like to sty…

Hello @David9 and we are happy to greet you at the best place in the world :earth_africa:! Welcome to Elfsight Community :confetti_ball:! Unfortunately, we don’t have a list of classes for the Event Calendar app. I am so sorry :pensive: However, our devs will be happy to help you with customizatio…

Okay thanks. My widget is: elfsight-app-c6f15fc6-54cf-4c3c-a802-1a9e6a212367 The filter widths are too small and should be adjustable or set to something like 90%! When I want to do filters for events and locations, it cuts off so much of the text, it’s pointless, so sadly I won’t be able to offe…

Where is the ultimate support we’re laying for with the enterprise package? Thanks!

@okjedi Firstly, I’d like to bring you my sincere apology for the delayed reply! Thank you for your patience. I am happy to provide you with requested CSS codes :wink:. To adjust the size of the filter: .eapp-events-calendar-filter-component:nth-child(2) .eapp-events-calendar-filter-modal { …

Thanks so much! Yes, on the popup when you click an event title, the event title on the popup needs more leading when it wraps (longer titles wrap often on mobile devices) This site will go live soon, but for now, you’ll have to enter user and password to view. You’d tap the Schedule of Events bu…

Hi Maksim, The font css doesn’t work in either instance you sent. Thanks, David

@okjedi I am so sorry that you’ve experienced difficulties using our app :pensive:. Please accept my sincere apologies! As for the CSS code for font changing I’ve applied it and it seems to be working fine (1st screenshot - without CSS code, 2nd screenshot with CSS code): [image] [image] Ple…

@okjedi Thank you for waiting! I am happy to provide you with a special CSS code to increase the leading: .eapp-events-calendar-popup-item-name { line-height: 36px; } Could you please check it and let me know if it works fine?

Hi Maksim, None of these seem to work. I’m looking at it on my phone after apply updates. The font code appears to have opposite effect. When I put it in the CSS field, it makes the fonts serif/times looking. The code for line height doesn’t seem to have any effect, nor does the code for filter w…

Calendar Customizations CSS

Ask the Community Customization

Topic		Replies	Views
Event calendar customization of any fields Customization event-calendar	1	111	March 9, 2024
Options to change the font size of the Date and Event Type filters Event Calendar In-Progress	3	56	February 11, 2026
Event Calendar Customization request Customization event-calendar	16	99	April 12, 2023
Need To Add Custom Filters Event Calendar Released	77	2619	October 8, 2025
Customization of Event Calendar button Customization event-calendar	29	242	January 8, 2026

Calendar Customizations CSS

Related topics