circle in prev button in full calendar

[Mel]

Hi,
After updating my personal site with old CSS, I noticed a circle at the top of the full calendar
where the prev button would be? In the attached pic it is bec there are no events in the previous
month.

Q1: Why the circle?

Q2: How to remove the “events in” at the top right of the calendar?

See attached pic…

Thanks as always..
Mel

[Jaime Marchwinski]

Hi Mel,

Thanks so much for reaching out!

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Also, we just released a maintenance release of our plugins yesterday, so please make sure you are running the most recent versions and check if that “circle” still appears.

In order to remove the “Events In” at the top right corner, try adding this bit of CSS to your WordPress customizer or child theme stylesheet:

div.tribe-bar-date-filter {
display:none;
}
Let me know how it goes!

 

Thanks,

Jaime

[Mel]

Hi,

The Css worked fine for removing the filter bar, but the circle (see pic before) still shows
in the prev or next button if no dates are scheduled.

Thanks
Mel

[Jaime Marchwinski]

Hi Mel,

I’m glad that the CSS fixed one of your issues, however I’m sorry that you are still seeing that circle appear.

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

 

Thanks,

Jaime

[Mel]

This reply is private.

[Jaime Marchwinski]

Hi Mel,

Thank you for providing me with that information!

By default, the navigation buttons appear at the bottom of the calendar.  Are you using custom code or something else to display them at the top?

If you switch to a default theme, do you see the same issue?

Let me know!

 

Thanks,

Jaime

[Mel]

Hi,

The same with the 2017 theme….. its not a theme issue…. I cant find the css that I used before to
remove the O in the next or prev when no events are there! I am using some css that TEC staff give me
to move the nav buttons to the top.

/* move nav to top */
#tribe-events-footer .tribe-events-sub-nav {
display: none !important;
}
#tribe-events-header .tribe-events-sub-nav li, #tribe-events-header .tribe-events-sub-nav li a {
display: block !important;
}

/* change next/prev */
.tribe-events-nav-previous, .tribe-events-nav-next {
background: white none repeat scroll 0 0;
border: 1px solid gray;
border-radius: 10px;
padding: 10px;
}
.tribe-events-nav-next > a {
color: gray !important;
}

div.tribe-bar-date-filter {
display:none !important;
}

Any ideas….. 🙂
Thanks
mel

[Jaime Marchwinski]

Hi Mel,

I’m not entirely sure how to assist with removing the circle with CSS without doing some further investigation.  As per our Support Policy, we technically are not supposed to help with customizations, though I’d love to help point you in the right direction as much as possible.

Here is a snippet that includes the month on empty months, which may help alter the circle issue:

https://theeventscalendar.com/knowledgebase/add-nextprevious-links/

Let me know how it goes!

 

Thanks,

Jaime

[Jaime Marchwinski]

Hi Mel,

Another option would be to remove the border entirely, by removing the bit of CSS that you provided that says:
border: 1px solid gray;
Let me know if that helps!

 

Thanks,

Jaime

[Mel]

Hi,

The code snippet you gave me worked fine! I want the links to look more like buttons so removing the
border is not an option.

Is there a way to add a today link at top so the user does not have to click prev/next to get back to
the current month? Because now with the code you gave me users can click several months back and forward.

Thanks
Mel

[Jaime Marchwinski]

Hi Mel,

Glad to hear that the snippet worked out for you!  Try this to add a return to current month link:

https://theeventscalendar.com/knowledgebase/adding-a-return-to-current-month-link/

Let me know how it goes!

 

Thanks,

Jaime

[Mel]

Thanks……….

[Jaime Marchwinski]

Glad we could help, you are welcome back in our support forums any time!

For now, I am going to close this thread.

Have a great weekend!

[Author]

Posts