change font of events calendar OR remove "bold"

[padmaya]

hi there!
i am having an issue with the font i use on my divi page.
for some reasons it doesn´t show correctly when used in bold letters on chrome 🙁
now i decided to just not use it on my page but the events calendar uses it anyways.

is there a good way to remove all the “bold” stuff from the calendar?
and if this doesn´t work: is there a good way to change the font only events calendar uses?

thanks a lot!

[Sky]

Hi there!

Is there a particular view that you want to target? I took a look at your calendar, and I noticed that in Month view, some of the items were being forced to font-weight: 700 by Divi’s styles.

When using web fonts, you need to load each weight that will be used. If the specified weight is not available, the browser will try to “fake it,” but this doesn’t work out so well on stylized fonts.

In any case, you can target the Events Calendar with CSS to change the font family or font weight with the following:

#tribe-events-content * {
font-family: Arial;
font-weight: normal;
}


If you wanted to target certain views only, you would need to modify that a bit.

For example, to just target the month view:

#tribe-events-content.tribe-events-month * {
font-family: Arial;
font-weight: normal;
}


Hope that helps! Let me know if you have further questions.

Thanks,
Sky

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts