Site logo

Archived topic

Visibility of the skip-link (to content) when focused

3 replies · Started by Kirmo on September 3, 2020

Viewing posts 1–4 of 4

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 :)

This archived topic is closed to new replies.