Last year, the ical icon displayed. At client request, we unpublished the events when they concluded. This year we added new events. The icons did not display on the home page and camps page. They display if you go to an individual event page. We added some CSS which seemed to fix the issue in Chrome but the icons do not display in some browsers (Opera, Edge). The website is https://hightempohockey.com/. We are using the Event Espresso Upcoming Events widget with Elementor. Appreciate your help. I can provide login if needed.
The CSS is
.ee-ical-sbmt {
display: inline-block;
font-family: ‘dashicons’, sans-serif !important;
font-size: 1.5em !important;
font-style: normal;
font-weight: 400;
font-variant: normal;
line-height: 1;
padding: 0.5em 0.5em !important;
text-align: center;
text-decoration: inherit;
text-transform: none !important;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
It looks like the dashicons font is not loading on your front page which is why the icon can’t display (can’t display a font if it’s not loaded), I can see the site is using WP Fastest Cache.
If you clear the cache the them temporarily disable it, does the page load as expected then?
Viewing 1 reply thread
The support post ‘ical icon not displaying’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.
Support forum for Event Espresso 3 and Event Espresso 4.