Change Font Able to change some fonts, not others

Hi there!

Thanks for getting in touch, and sorry to hear you’re having some trouble! It sounds like a template customization might be the quickest fix for what you’re experiencing–have you taken a look at our Themer’s Guide on our Knowledgebase yet? You’ll find info and instructions there to assist you in making changes to your plugin template files, including adding, removing, or replacing content, changing headers, adding CSS classes, and so on. It’s a powerful feature with plenty of flexibility; I definitely recommend taking some time to experiment and get a feel for what template modifications are capable of! ??

I hope that helps! Let us know if there’s anything else we can do to assist!

Thanks for getting back to me. I did go over the Themer’s Guide, but it’s a little too complicated for me. Plus I’m using a child theme, and I’m not sure if that affects any changes made to the plugin. I’ll try to figure out something else.

Continuing on, please — I’ve managed to add a tribe-events folder to my child theme folder and to put a copy of the /src/views/ folder into the tribe-events folder. Now I’m stuck. I don’t know enough about coding or working with php files.

What I want to do is the following: Change all the Dancing Script font (which is the site’s Header font and was picked up by Events Calendar Full Styles Default Events Template. I’d like to change it to Open Sans. I want to change this in every view that Dancing Script appears – month, list, and day.

I also want to remove the descriptions of Calender Monthly Navigation, Calender List Navigation, etc. on each kind of view.

Here is the site I’m working on: https://fishermanscoveas.wpstagecoach.com/calendar

I would greatly appreciate any help with this. I’m about to go live with my client’s site, but I really need to fix this before I do.

Thanks much…

@rrogers Please do not create duplicate topics for the same thing. Those get closed or deleted when found and I’ve deleted that new one.

If you have something new to add here please do.

So sorry. I didn’t know if anyone had seen my last updated post, since I ended the post before intimating that I’d figure something out elsewhere. I thought I had to start over.

Nothing new to add. Any help appreciated.

Again, I apologize.

Thanks…

Hey @rrogers,

We also have a handy guide on how to locate CSS classes for the calendar right here:

https://theeventscalendar.com/knowledgebase/using-google-chrome-developer-tools/

Geoff

Thanks, Geoff. I can find the css classes in the Firefox inspector, or the inspector in my CSS Hero plugin, but I still don’t know how/where to change put the css, in what exact php file in the tribe-events folder that I made in my child theme folder. I don’t see any css styled code in the php file. I’m afraid this is a little too complicated for me. I tried several other calendar plugins and I really like this event calendar for my client’s site, but I’m frustrated with the complication of changing a font.

All the fonts in the events calendar are being pulled from the h2 and h3 fonts of my child theme template, which unfortunately uses a large, decorative script. Unless you might have any other suggestions, it seems I might have to just go with that script.

Thanks again.

Hi @rrogers,

You should be able to override plugin CSS styling by simply adding your custom CSS to the bottom of your style.css file in your theme’s root folder. Unfortunately, we’re not able to write any CSS for you, but looking at the existing classes through your browser’s inspector should hopefully give you enough information to know what needs to be changed to get the effect you’re looking for!

Best of luck, and let us know if you should have any other questions!

At this point, I’d just like to completely remove the header and footer that says “Calendar Monthly (or Weekly or List) Navigation.” Where exactly can I find and delete that, please.

I was actually able to change the Title font (from Dancing Script to Open Sans) with CSS Hero, but not any other h2 and h3 fonts, so I’m just leave that for now.

The site I’m working on is: https://fishermanscoveas.wpstagecoach.com/calendar

Thanks…

Hey there!

That text in the header in footer was a bug in 4.2 but we just released a fix for it in 4.2.1. Please update when you have the chance. Alternately, you could use the following CSS:

.screen-reader-text {
  display: none;
}

Cheers!
Geoff