# Top featured works emoji bug

**URL:** <https://meta.discourse.org/t/top-featured-works-emoji-bug/283013>\
**Category:** Bug\
**Created:** [October 22, 2023, 7:35am UTC](https://meta.discourse.org/t/top-featured-works-emoji-bug/283013 "2023-10-22T07:35:37Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Goorman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/goorman/32/334104_2.png) [@Goorman](https://meta.discourse.org/u/Goorman)\
**Post date:** [October 22, 2023, 7:35am UTC](https://meta.discourse.org/t/top-featured-works-emoji-bug/283013/1 "2023-10-22T07:35:37Z")

</div>

Hey there, Sergey on the line 🙂

It’s a bit of an old _bug_, but anyway:

When surfing on Blenderartists forum, I found myself a little bug: there’s a section at the top of the website, where you are able to see 6 featured top works. When you hover on one of them, the title becomes visible. The thing I noticed is that if the title contains an emoji (as shown in the screenshot below) it’ll still be visible even if you haven’t hovered on it yet.

 ![](https://global.discourse-cdn.com/meta/original/4X/e/8/d/e8d817a0b03a19fd226d72c3e709198be8d8258e.png)  
I did myself a little investigation and ended up with the next CSS-rules that might help to solve that problem.

The thing is the title of those featured row images has next rules:

```plaintext
.featured-topic h3 a {
    font-size: 14px;
    color: transparent;
    transition: color .6s,text-shadow .6s
}

```

I don’t think that “ **color: transparent** ” is a proper way to do this. So that’s why it affects only on text, but not on an emoji itself. Because the emoji is wrapped in an “img” tag.

So I think it would be a better way to remove “color: transparent” & make something like this:

```plaintext
.featured-topic h3 {
    position: absolute;
    top: 0;
    padding-top: 0;
    left: 5%;
    width: 90%;
    text-align: left;
    visibility: hidden;
}

.featured-topic:hover h3 {
    visibility: visible;
}

```

So the final code will look like this:

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/7/7/c77b78b948918b3d45e5bf69cdb95328cf317217.png)

Hope that helps 🙂

---

_[View the full topic](https://meta.discourse.org/t/top-featured-works-emoji-bug/283013)._