Hi, 100% of my events, along with events on other platforms like eventbrite etc. are 16:9 ratio of event images - is there a temporary CSS Code I can add to show the full width image on the main view (not popup view). I’m using the template in the screenshot [Screenshot 2025-02-20 at 10.58.09 AM] …

Hi there, @kanaka :wave: Here is a CSS code to change the size of the title on mobile: @media (max-width: 500px) { .eapp-events-calendar-events-calendar-title { font-size: 15px; } } As for the iimage ratio, I’ve forwarded your request to the devs and will update you tomorrow :wink:

[image] Max: @media (max-width: 500px) { .eapp-events-calendar-events-calendar-title { font-size: 15px; } } Thank you!

BTW, this is more of an overall feature request but was wondering if you could give me a temporary solution. Overall request: Allowing more customization for mobile view Temp fix would be to get these all to line up - Date to left of image, everything else is okay [IMG_0992]

You’d like to have an option in the settings to control the font size of ell element on mobile devices, right? Regarding, the temporary solution, you’d like only to display the date on the left of the images, like on desktop, is that correct?

Here is the CSS code for changing the image width: .eapp-events-calendar-list-item-imageContainer { aspect-ratio: 16 / 9; height: auto !important; width: 100px !important; } Give it a try and let me know if you like the result :slightly_smiling_face:

Hmm, sorry for any confusion - for all views (desktop and mobile), i was looking for the 16:9 on the event images in the list view. For mobile specifically, I was looking to have the date the is normally above the image, changed to the left of the image

I believe the code you provided only applied the 16:9 ratio on mobile only [IMG_0997] [Screenshot 2025-02-21 at 7.11.43 AM]

The code didn’t work for desktop because you’ve added it inside the media tag, which is responsible for the mobile view: [image] However, if you add it right after the 1st code, it will work fine. I’ve saved the changes in the widget: [image] As for the date display on mobile, I’ve shared …

Glad to hear that it’s worked and a huge thank you for your kind words :wink:

Image Ratio 16:9 on main view

Ask the Community Customization

kanaka (Jamison Aweau) February 21, 2025, 5:31pm 12

Looks great, and thanks for always been on top of it on all of these requests. Elfsight needs to hook my man Max up with a raise!!

4 Likes

Topic		Replies	Views
Timeline Pictures on Mobile Customization timeline	3	48	May 12, 2025
Popup and container size + mobile Customization event-calendar	8	61	September 18, 2025
Make List layout Mobile image flush right Customization event-calendar	6	22	May 13, 2025
Event Calendar - MOBILE list view: have picture show up next to date Customization event-calendar	4	15	March 17, 2026
Mobile display for Monthly schedule style Event Calendar In-Progress	11	807	March 17, 2026

Image Ratio 16:9 on main view

Related topics