# The Custom CSS cannot override on Topic List Previews Plugin

**URL:** https://meta.discourse.org/t/the-custom-css-cannot-override-on-topic-list-previews-plugin/176663
**Category:** Development
**Created:** [January 20, 2021, 7:53am UTC](https://meta.discourse.org/t/the-custom-css-cannot-override-on-topic-list-previews-plugin/176663 "2021-01-20T07:53:12Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![AmzDis](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/amzdis/32/206482_2.png) [@AmzDis](https://meta.discourse.org/u/AmzDis)
#### Post date: [January 20, 2021, 7:53am UTC](https://meta.discourse.org/t/the-custom-css-cannot-override-on-topic-list-previews-plugin/176663/1 "2021-01-20T07:53:12Z")

</div>

We like the 'Topic List Previews ’ plugin, but we want to hide the posters, reviews and replies. We add the custom CSS . The title can be hidden, but the posters, reviews and replies cannot be hidden.

**How the Custom CSS can override on Topic List Previews Plugin?**

Custom CSS:

> .topic-list .posts, .topic-list .views, .topic-list .posters, .topic-list .title, .topic-list .activity {  
> display:none;  
> }

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/f/3fb767dab6b07899cff524a002dd920ac5eaccc0.png)

Our web： [Amazon Discount](https://amzdis.com)

---

<div class="post-metadata">

### Author: ![AmzDis](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/amzdis/32/206482_2.png) [@AmzDis](https://meta.discourse.org/u/AmzDis)
#### Post date: [January 20, 2021, 7:54am UTC](https://meta.discourse.org/t/the-custom-css-cannot-override-on-topic-list-previews-plugin/176663/2 "2021-01-20T07:54:16Z")

</div>

Hi Robert, Thank you for taking time for see this issue.

---

<div class="post-metadata">

### Author: ![Bcat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bcat/32/163148_2.png) [@Bcat](https://meta.discourse.org/u/Bcat)
#### Post date: [January 20, 2021, 9:04am UTC](https://meta.discourse.org/t/the-custom-css-cannot-override-on-topic-list-previews-plugin/176663/3 "2021-01-20T09:04:07Z")

</div>

```plaintext
.topic-list .topic-meta, .topic-list .topic-title, .topic-list .topic-users, .topic-list .activity {
    display:none;
}

```

It seems wrong class name

---

<div class="post-metadata">

### Author: ![AmzDis](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/amzdis/32/206482_2.png) [@AmzDis](https://meta.discourse.org/u/AmzDis)
#### Post date: [January 20, 2021, 9:21am UTC](https://meta.discourse.org/t/the-custom-css-cannot-override-on-topic-list-previews-plugin/176663/4 "2021-01-20T09:21:31Z")

</div>

It worked.  
Thank you very much , Bcat. Have a nice day.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [January 20, 2021, 7:36pm UTC](https://meta.discourse.org/t/the-custom-css-cannot-override-on-topic-list-previews-plugin/176663/5 "2021-01-20T19:36:32Z")

</div>

Thanks @Bcat.

In addition to Bcat’s solution you can also consider overriding the `topic-list-item.hbr` template in a Theme Component.

---

<div class="post-metadata">

### Author: ![Bcat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bcat/32/163148_2.png) [@Bcat](https://meta.discourse.org/u/Bcat)
#### Post date: [January 21, 2021, 1:29am UTC](https://meta.discourse.org/t/the-custom-css-cannot-override-on-topic-list-previews-plugin/176663/6 "2021-01-21T01:29:12Z")

</div>

[[PAID] Topic custom fields plugin - #3 by mbcahyono](https://meta.discourse.org/t/paid-topic-custom-fields-plugin/133234/3) Also you can refer to this for the construction of the above coupon site discourse