Calendar Month Navigation text showing

[Natasha]

Hi there

For some reason all of the sudden the text “Calendar Month Navigation” is showing on my calendar display? I’m using Enfold theme – when I change the theme to twenty fifteen the text goes away – so something seems to be conflicting.

http://www.internationaleha.org/events/month/

[Geoff]

Hey Natasha, thanks for reaching out with a heads up on this!

This does appear to be a theme conflict, as you correctly noted.

The theme author should also likely be notified of this, but here’s something you should be able to add to the theme (preferably child theme) style.css file or using Simple Custom CSS, to make that text go away:

#top .tribe-events-page-template #wrap_all .main_color h3 {
display: none;
}

It appears that the theme intends that to be screen reader text as an accessibility feature. That’s awesome, but is still worth letting them know because they might have a cleaner way of removing the text without it affecting the benefits of accessibility.

Thanks!
Geoff

[Philip]

I have the same problem. Have added the suggested CSS to the Child theme (Enfold). But the problem still exists.

Thanks

[Geoff]

Thanks for the head sup, Phillip,

The CSS snippet worked when I tested it in my browser, but you may need to tweak it a bit to work with your specific setup. For example this will most certainly do the trick, but might have the effect across your entire site:

#top #wrap_all .main_color h3 {
display: none;
}

Cheers!
Geoff

[Natasha]

Ok so the Enfold Theme people have gotten back to me with this fox – and yes it works. To be added to the Quick CSS:

#tribe-events-header h3.screen-reader-text {
display:none !important;
}
#tribe-events-footer h3.screen-reader-text {
display:none !important;
}

[Geoff]

Excellent! I’m so glad that does the trick and I really appreciate you sharing the answer here with us — I know others will find that helpful as well so it’s awesome to have it documented here. Thanks a ton. 🙂

Cheers,
Geoff

[Author]

Posts