How to adjust event tiles font and spacing?
I’m new to EventOn, so I apologize if these are obvious answers!
I’ve got a page setup at https://ulgm.org/event-directory/ that is using the tile view.
The font used for the event title looks a little too big. Is there a way to make the font a little smaller?
Also, can I add some space between each tile?
Thanks!
- Mar 2,2019 AT 4:20PM - 5 years ago-
-
Mar 2,2019 AT 8:28PM -
Posted 6 years ago
- #114441
Hello Edward,
I have added a small css code in myeventon->styles panel. You can check now. You can adjust the numeric value according to your requirement.
As for spacing, you can do it but it will affect your layout. The number of tiles in column may not work. You can use the code below:
.eventon_list_event {
margin-right: 5px !important;
}
Thank You -
Mar 3,2019 AT 12:04PM -
Posted 6 years ago
- #114488
Hi Ashish. Thanks, the font size change looks great. Unfortunately, the code for adding a margin around the tiles didn’t work.
Can you advise? Thank you!!
-
Mar 3,2019 AT 8:42PM -
Posted 6 years ago
- #114499
Hello Edward.
Please check now.
If you do not see any changes, go to myeventon->settings and turn on “Write dynamic styles to header” button.
If you still do not see any change, turn off “Write dynamic styles to header” button, save the settings, turn it back and save the settings again.
Thank You
-
Mar 4,2019 AT 4:02PM -
Posted 6 years ago
- #114663
Hi Ashish,
Thanks. That did the trick. How did you get it to work? I tried adding a bottom margin as well, but no luck. Here’s what I got in the styles panel now:
.boxy .evcal_desc2.evcal_event_title {
font-size: 16px !important;
}
.eventon_list_event {
margin-right: 20px !important;
}
.eventon_list_event {
margin-bottom: 20px !important;
}Any advice? Thanks!
-
Mar 5,2019 AT 11:14PM -
Posted 6 years ago
- #114896
Hi Edward,
I am already seeing bottom margin.
Please clear your browser cache and check once.
Thank You
-
Aug 14,2019 AT 11:49AM -
Posted 5 years ago
- #134477
Hi,
How can I change the tile spacing while keep the number of items per row?
https://lifemusic.group
Thanks,
Erik -
Aug 14,2019 AT 12:59PM -
Posted 5 years ago
- #134511
Hello,
Could you please add this CSS code to EventON > Styles (If you can’t see any change, EventON > turn off Write styles to header > save settings > turn on Write styles to header):
.ajde_evcal_calendar.boxy .eventon_list_event {
width: 49.5%;
margin: 0 .25% .5%;
}
.ajde_evcal_calendar.boxy #evcal_list {
margin: 0 -.25%;
}
.ajde_evcal_calendar.boxy.box_3 .eventon_list_event, .ajde_evcal_calendar.boxy.box_3 .evoShow_more_events {
width: 32.5%;
margin: 0 .25% .5%;
}
@media (max-width: 650px){
.ajde_evcal_calendar.boxy.box_3 .eventon_list_event, .ajde_evcal_calendar.boxy.box_3 .evoShow_more_events,
.ajde_evcal_calendar.boxy .eventon_list_event{width: 100%;}
}
-
Aug 16,2019 AT 6:51AM -
Posted 5 years ago
- #134760
This worked! Thank you
-
Aug 16,2019 AT 12:55PM -
Posted 5 years ago
- #134782
We are glad your issue is resolved, if you have any further questions or concerns please create a new ticket.
If you have a moment, we would greatly appreciate if you could kindly leave us a review at codecanyon! from your account > downloads. Cheers!
-
Mar 2,2019 AT 8:28PM -
Posted 6 years ago
- #114441