Archived topic
Visibility of the skip-link (to content) when focused
3 replies · Started by Kirmo on September 3, 2020
Hi, having some difficulties to show ”screen-reader-text > skip-link” when focused.
i like the feature it is now appearing (position relative) but colors in css seem to not affect the link itself. i think it would be usefull to show for keyboard users for example.
(and thanks for the beautifull and very accessible theme.)
Hi there,
It looks like the screen-reader-text CSS that Jetpack is introducing is conflicting with ours.
Try adding this:
a.screen-reader-text.skip-link:focus {
position: relative !important;
margin: 0 !important;
clip-path: inherit;
}
Let me know :)
Hi, and thanks! now it's working just like it should.
You're welcome :)