Want to Change Calendar View Page Titles (Months) style from h2 to h1

[Marek Pramuka]

Hello,
I want to change the calendar view page title style from h2 to h1. I am able to do this and also edit the title text within Google Chrome to get it the way I want it, but cannot save the changes permanently in the site. I have tried copy-pasting the code into the Custom CSS field in Avada and this doesn’t work also. Could you help with this? Thank you.

[Patricia]

Hey Marek,

Thank you for reaching out to us!

There are a number of ways to achieve what you want: replace the tags via JavaScript or with an event template override to replace h2 with h1 tags, but to keep things simple I would suggest you to add the following rule in the end of your theme’s style.css file to modify and customize your Event Titles:

h2.tribe-events-page-title {
    color: red !important;
    font-size: 40px !important;
}

In this example you will change the title color to red and the font size to 40px.

Also, you can use the snippet mentioned in the end of this article to replace the default title with your custom text. Please make sure that you are including this snippet in the end of your child theme’s functions.php file.

I hope this helps! Let me know if you need anything else and I’ll be happy to assist!

Regards,

Patricia

[Mathew]

Marek,

Please note that The Events Calendar uses h1 in the single-event.php for the titles. Avada has made the decision to use h2 within their own customization of the single-events.php file.

If you want to override it, you may want to reach out to Avada’s support with regards to this since their template override of the title is done in a non-conventional way (differently than the way TEC does it).

Hope this helps.

[Patricia]

Hi Mathew,

Thanks for reaching out to us! Actually, if you are running your calendar in list or month view, the default title tag is h2 as you can see at the-events-calendar/src/views/list/single-event.php and the-events-calendar/src/views/month/content.php. The title tag is h1 only on single-event pages.

I’m assuming here that when Marek mentioned “calendar view page title” he was referring to the main month or list view calendar and not to specific events.

If that’s not the case, then this might be associated with Avada’s customization as you mentioned.

Marek, can you please let us know if you were able to replace your tags? If changing your month or list view title from h2 to h1 is absolutely necessary, you can try a template override as well (example to override the month view calendar: copy the content from the-events-calendar/src/views/month/content.php, paste it on [your-theme]/tribe-events/month/content.php and replace the h2 with h1 tag).

I hope this helps! Let me know if you need anything else in the mean time!

Regards,

Patricia

[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