# Show likes counter over the heart icon (new setting)

**URL:** <https://meta.discourse.org/t/show-likes-counter-over-the-heart-icon-new-setting/51079>\
**Category:** UX\
**Created:** [2016年十月4日 15:50 UTC](https://meta.discourse.org/t/show-likes-counter-over-the-heart-icon-new-setting/51079 "2016-10-04T15:50:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)\
**Post date:** [2016年十月4日 15:50 UTC](https://meta.discourse.org/t/show-likes-counter-over-the-heart-icon-new-setting/51079/1 "2016-10-04T15:50:15Z")

</div>

I just did an experiment: overrode translations so that `2x` counter etc is shown in front of the likes instead of text messages:

 ![](https://global.discourse-cdn.com/meta/original/3X/3/2/32418951d2ba1ef19e907c4691548c726bd5ceb7.png)

I like the result. Still reads well. Hence this proposition:

May a setting be added to show the number of likes ON TOP of the heart sign, partially on top of it? If this setting is ON, the text is not shown, e.g. “5 likes”. Instead, it is only shown on mouse hover.

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2016年十月4日 15:56 UTC](https://meta.discourse.org/t/show-likes-counter-over-the-heart-icon-new-setting/51079/2 "2016-10-04T15:56:59Z")

</div>

A problem I see with having the count number on top of the icon is how to differentiate function.

Currently the # Likes expands to show who Liked, and the icon to give (or un-give) a Like.

As for showing only the number, I’m mixed. It is less, but maybe having it more visible is better for new members?

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2016年十月5日 06:31 UTC](https://meta.discourse.org/t/show-likes-counter-over-the-heart-icon-new-setting/51079/3 "2016-10-05T06:31:19Z")

</div>

> [@meglio](#):
>
> May a setting be added to show the number of likes ON TOP of the heart sign, partially on top of it?

Unlikely to be a setting but maybe down the line a custom theme can do this. This change would be a violation of Fitts’s law. Try clicking on this hyperlink [.](https://www.interaction-design.org/literature/article/fitts-s-law-the-importance-of-size-and-distance-in-ui-design)

Keep in mind touch devices do not have “mouse over”

---

<div class="post-metadata">

**Author:** ![TechnoBear](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/technobear/32/40546_2.png) [@TechnoBear](https://meta.discourse.org/u/TechnoBear)\
**Post date:** [2016年十月9日 11:38 UTC](https://meta.discourse.org/t/show-likes-counter-over-the-heart-icon-new-setting/51079/4 "2016-10-09T11:38:51Z")

</div>

> [@sam](#):
>
> Keep in mind touch devices do not have “mouse over”

👍

Neither does anybody navigating via keyboard, of course.