|
AlainB
|
December 28, 2018 at 8:35 am
Hello,
I would like to change the font of the date and time in the upcoming events widget. How do I do this? Thanks.
|
|
Josh
|
December 28, 2018 at 8:52 am
You add some CSS to your site. For example, if you want to change the font to be “Helvetica” you’ll add this to your site’s Additional CSS panel:
.widget .ee-event-datetimes-ul {
font-family: Helvetica, Arial, san-serif;
}
|
|
AlainB
|
December 28, 2018 at 9:41 am
Thanks! Im sorry, im not very good at this. Could you write an example on how to do this for the font? And how do I do this for the location?
|
|
Josh
|
December 28, 2018 at 9:43 am
Hi,
I did write an example for the font, it’s in my previous reply. Can you elaborate on what you mean by “do this for the location”?
|
|
AlainB
|
December 28, 2018 at 10:22 am
Im sorry. I meant font size. By location I meant the size for the font of the location of the event.
Thank you for all your help!
|
|
Tony
|
December 28, 2018 at 11:49 am
Font size on the widget? All of it or just the date and time?
For just the date/times you can add font-size: 16px; to the CSS Josh gave you, like so:
.widget .ee-event-datetimes-ul {
font-family: Helvetica, Arial, san-serif;
font-size: 16px;
}
Change 16 to whichever value you prefer.
By location I meant the size for the font of the location of the event.
The widget doesn’t include the location by default, so may I ask which page you are referring to?
|
