Fonts resize on page load

[Peter]

Hello,

When displaying month view using event calendar, the fonts load larger than shrink down like an animation. Is there anyway to stop this?

This is the affected page.

https://www.hulas.com/calendar

Thanks.

[Stephen Page]

Hey Peter!

Thanks for using our plugins!

The larger text is a style from your theme. Occasionally the calendar styles load after the theme styles and occasionally there is enough of a delay (slow load or slow connection) that you get that flash of “unstyled” text. I noticed it doesn’t happen (for me) after the first page load, as the styling is then cached by the browser.

Let’s see if we can fix it!

In Appearance -> Customizer in the dashboard, you can use the Additional Styles section to add this style:

h3.tribe-events-month-event-title {
 font-size: 100%;
}

That should fix it. If not, let me know and I’ve got another approach.

Cheers,

Stephen

[Peter]

Thank you this worked!

[Neill]

Hi Peter,

Thanks for the heads up that this worked.

I’m going to close out the thread – but let us know if we can help you again in the future.

Neill

[Author]

Posts