Hide Screen Reader text

[Graphic]

Hello,

Just updated to Events Cal Pro 4.2 and now there is screen reader text being displayed that wasn’t before. It’s interfering with the Next/Prev navigation links – how do I hide it?

See examples:
http://rotarycentreforthearts.com/events/list/?tribe_paged=1&tribe_event_display=list&tribe_eventcategory=41&tribe_tags=94
http://rotarycentreforthearts.com/events/

Thanks

[George]

Hey @Graphic,

While I’m not sure why it is showing now when it wasn’t before, I would recommend adding this CSS to the bottom of your theme’s style.css file to hide that text:


.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px) !important;
position: absolute !important;
height: 1px !important;
width: 1px !important;
overflow: hidden !important;
}

I hope this helps!

Cheers,
George

[Graphic]

Thanks George. I added the CSS to the bottom of my child theme style.css file but there’s no change. Anything else I could try?

[George]

Hey @Graphic,

The changes do seem to take effect, when I look at your site. Here is your month view, for example—the screen reader text (formerly in the top-left corner) is no longer there:

If there are other locations on your site where it’s not taking effect, can you share some more specific links to these locations?

Thank you!
George

[Graphic]

Sorry about that, looks like I had to purge the cache.

Thanks again

[George]

No worries! Glad it helped. 😀

[Author]

Posts