Hello! The fonts I use when formatting the calendar of events widget change when I paste the code into my Shopify website… Can I modify it to see the fonts that I want? Help, please… Thx so much…

@user693 , thanks a lot for the info and your kind words! :hugs: We’ve checked things, and since our Event Calendar was transferred to the new configurator, there have been changes with classes as well :frowning: But our devs have made a new CSS code for you, please let me know everything’s fine on…

Hi and welcome to the forum! Sure, I guess I can help you with that :slight_smile: Please try to add the following CSS code to your widget’s Custom CSS field on Style tab: .eaec-events-calendar-component{ font-family: Calibri; } You’re welcome to change Calibry to any Google font you’d like to s…

Hey Helga, thx so much for your response. Pls help me out with this since I know nothing about CSS code :innocent: This is the code I used: .eaec-events-calendar-component{ font-family: Calibri; } Is this laid out the right way? (When you hit the reply button the whole code will show?) I didn’…

Hey Jaime! Of course, let’s figure it out together :slight_smile: Yes, the code you use is correct, and it should work. Could you please send me a link to the page with the widget in question? I’ll be happy to check out what’s going wrong and find a solution :slight_smile:

Hey thanks so much! Here’s the link: Events – Appalachian Botanical Co. the enclosed screens show the difference [ABCo] hmmm… it only allowed me to upload one image :money_mouth_face:

Thanks for the link! It seems you’ve put it in the wrong place, that’s why it didn’t work :slight_smile: Could you please remove it from where it is now and add it to your widget’s settings? Please find Style tab → Custom CSS and insert the code: [image] And you’re welcome to change Calibri to a…

OMG, thx so much. I do appreciate it! Thx Helga. Great to chat with a human and not a bot…

Anytime, Jaime! This forum is for you to get answers to your questions and learn new things, so don’t hesitate to take part in the community’s life here :slight_smile:

Hi - Sorry to bring up an already complete thread, but I’m having the same issue as this user but the solution isn’t working for me. I’ve also looked in other threads for help but no result. I’ve copied this into the custom css section “.eaec-events-calendar-component{ font-family: Calibri; }” B…

Hi @user693 , thank you so much for joining us, welcome! :hugs: I’m sorry that the code didn’t work for you, is there an option for you to send me a link to your website where the widget is installed? I’ll be happy to check things for you :pray:t2: Also, could it be that the needed Google font is n…

Hi Helga, here is the link to the page I’m using the widget on (This might change in the future as I am trailing it on a different page) : EVENTS & WORKSHOPS old | Coalville C.A.N CBS (coalvillecan.coop) Right now I have the font as ‘Arial’ which is used elsewhere on the site, so it should be avail…

Fonts change

Ask the Community Customization

Topic		Replies	Views
Change font for all elements (Event Calendar) Event Calendar	0	313	October 20, 2023
Change font in Calendar Widget Customization css , calendar-widget	3	466	February 9, 2023
Change font for elements in popup Event Calendar	1	206	February 6, 2025
Ability to upload custom brand fonts Event Calendar Gathering-Feedback	1	26	July 28, 2025
Event Calendar: Set the font to your preference New Feature event-calendar	4	1936	December 19, 2023

Fonts change

Related topics