Disable click count with underlined links?

dev
1

Does anyone know if there is a way to disable click counts when the links are underlined? (We underline the links for accessibility.)

I removed the click counts with this:

span.badge-notification.clicks {
    display: none;
}

but then there is an underlined space after the link text like this:

image

The HTML looks like this:

<em dir="ltr">
    <strong dir="ltr">
        <a href="https://example.com/" dir="ltr">
            Link Text <span class="badge badge-notification clicks" title="785 clicks" dir="ltr">785</span>
        </a>
    </strong>
</em>

Is there any way to remove that extra space right before the opening of the <span>?

(The problem is there even if the click count isn’t hidden, because the underline extends into that extra space.)

2 Likes
2

Hello Josh,

Try this actually the display: inline-block; do the magic. :slight_smile:

.cooked a {
    text-decoration: underline;
    font-weight: bold;
    display: inline-block;
}
4 Likes
3

Thanks, that worked. :slight_smile:

1 Like
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.