Tribe Events Page title is now above the s search bar

[Nancy LeVasseur]

Hi There,
I just noticed that after the last update, my Tribe Events Page title has moved to the top of the page and is styled differently than before.

How do I change this back so it’s below the filter/search bar.

Thanks very much,
Nic

[Jennifer]

Hi Nic,

Thanks for reaching out!

You can do a template override of the month.php template found at wp-content/plugins/the-events-calendar/src/views. In your copy, you’ll want to switch the order of the following two items:

// Title Bar
tribe_get_template_part( 'month/title-bar' );

// Tribe Bar
tribe_get_template_part( 'modules/bar' );

Let me know if this works!

Thanks,

Jennifer

[Nancy LeVasseur]

Hey Jennifer,
Thanks so much for your reply. I’d like to drop this into my child php theme. Could you provide all the php I need to do this?

Otherwise, my concern is that this would be undone when there’s another update. That’s how this happened in the first place. One thing I’ve noticed about updates to the events calendar is that the CSS or in this case the php often gets clobbered in some way.

Thanks for your help,
Nancy

[Jennifer]

Hi Nancy,

I meant to include a link to our themer’s guide in my initial reply – sorry about that! Basically, you’ll want to first create a tribe-events folder in your child theme (you are correct that changes made directly in the theme files will be erased each time you update the plugin). Then, you can copy the code from the plugin file and paste it into a new file of the same name in your new tribe-events folder. Then, you’ll just need to switch the order of those two lines I mentioned previously.

For CSS, it is best to add this to the style.css file of your child theme so that it doesn’t get overwritten when you update.

Please let me know if you have any other questions!

Thanks,

Jennifer

[Nancy LeVasseur]

Hi Jennifer,
It worked! Woo Hoo!

Thanks for your help.

Followup question, sometimes the CSS gets clobbered with updates. Where do I go to get the style sheets for Events Calendar Pro?

Thanks so much for your help. While it can be a little frightening at times, it’s always good to learn something new. . . go a little deeper into the plugin and its styles and functionality.

Thanks again for your help and guidance.
Nicolette

[Jennifer]

Hi Nicolette,

So glad that worked for you! I agree, it is always great to learn new things…I still learn something new about WordPress and our plugins on a daily basis 🙂

You can find the Pro stylesheets at wp-content/plugins/events-calendar-pro/src/resources/css, but the best way to make CSS customizations is to put your CSS rules in the Additional CSS area under Appearance > Customize (if you have one) or in the style.css file of your child theme. This way they will be safe from plugin updates. You can also use a plugin like Simple Custom CSS to help you add in your CSS.

Let me know if there is anything else that I can help with!

Thanks,

Jennifer

[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