How do I remove the "Previous Post" and "Next Post" from my Calendar View

[Terry Sullivan]

How do I remove the “Previous Post” and “Next Post” from my Calendar View? I would like to remove these two sections from my calendar view. Here’s a link buzzpro.com/speaking

Thank you,

~Terry

[Terry Sullivan]

Can you send me the CSS code to accomplish this?

Thanks,

~Terry

[Jennifer]

Hi Terry,

Thanks for reaching out! Please note for future reference that we are limited in the amount of support that we can provide for customizations and custom CSS, but I went ahead and did this one for you!

You can actually remove the links entirely by following the instructions in our themer’s guide to copying over the content.php template (found at wp-content/plugins/the-events-calendar/src/views/month/content.php) and commenting out the following (found on line 47):

<?php tribe_get_template_part( 'month/nav' ); ?>

If you prefer CSS, you can add this to the Custom CSS area under Appearance > Customize (if you have one) or to the style.css file of your child theme:

.tribe-events-month .tribe-events-sub-nav {
display: none;
}

Please let me know how that works for you and if you have any questions!

Thanks,

Jennifer

[Terry Sullivan]

Thank you for your help, Jennifer. I’m sorry to say the CSS code did not work when I pasted it in the style.css file. (see attached) It did delete a couple of empty lines above the calendar, but it did not delete the “Previous Post” and “Next Post.” I know you are very busy, but I would sure appreciate your revised CSS code. If not, I understand.

Thank you, Jennifer!

~Terry

[Jennifer]

Hi Terry,

I’m sorry that didn’t work for you, and unfortunately your screenshot didn’t come through.

I tested it out on your site and it appears to be working on my end (see screenshot – are these the links you’re referring to?). However, you can try adding an !important tag:

.tribe-events-month .tribe-events-sub-nav {
display: none !important;
}

If that doesn’t work, I’d recommend using the template override method I described above, which will remove the links entirely instead of just hiding them.

Let me know how it goes!

Thanks,

Jennifer

[Terry Sullivan]

Hi Jennifer,

Thank you so much for your quick reply and help. I’m so sorry to say, the “important” code did not work. It looks great, and I pasted it my buzzpro.com website; however, I think there must be some other CSS code that is overriding it? I get so frustrated with CSS. I thought about taking a course on it, but I use it so rarely.

Thanks again for going above and beyond, Jennifer. I so appreciate your enthusiasm for helping me and your technical expertise. I think I’m going to have to hire someone to do this for me because I just can get it to work.

Thanks again, Jennifer…

I appreciate you!

~Terry

[Jennifer]

Hi Terry,

I’m sorry that still didn’t work for you…it is possible that it’s being overridden, but using “!important” should fix that. I hate for you to have to hire someone for this! You can also try the following, which is a little bit more specific:

.tribe-events-month #tribe-events-footer .tribe-events-sub-nav {
display: none !important;
}

Make sure you’re adding it to the end of your style.css file. You should also try clearing your browser cache and the cache from within any caching plugins if you’re using them. It would be a good idea to use the Inspector in your browser to make sure the CSS is showing up on the page after you’ve saved the file.

I hope that helps!

[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