I have used an event list on my homepage. When I view it on mobile, the entire image of the event doesn’t show. Because of the square layout. Is there anything I can do to show the full image on mobile?
The other thing is, there is a huge free space between the date and image on light box that shows more details of the event. I want to remove that space.
- Nov 23,2022 AT 12:18PM - 1 year agoHello,
Please add this CSS code to EventON > Styles (If you don’t see any change, EventON > Scripts & Styling > turn off Write dynamic styles to header > save settings > turn on Write dynamic styles to header):
@media screen and (max-width:960px){ .ajde_evcal_calendar.boxy .eventon_list_event.hasbgimg, .ajde_evcal_calendar.boxy.boxstyle1 .evo_boxtop, .ajde_evcal_calendar.boxy.boxstyle2 .evo_boxtop { background-size: contain !important; }}
Hello, Thank you it worked. However, I would like to curve the edges of the image. could you please provide a code for that?
I would like to curve the edges of the image
Could you elaborate?