# Remove New Topic Button

**URL:** https://meta.discourse.org/t/remove-new-topic-button/148003
**Category:** Development
**Tags:** css
**Created:** [April 14, 2020, 7:27pm UTC](https://meta.discourse.org/t/remove-new-topic-button/148003 "2020-04-14T19:27:39Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![baileysteelefarm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/baileysteelefarm/32/176885_2.png) [@baileysteelefarm](https://meta.discourse.org/u/baileysteelefarm)
#### Post date: [April 14, 2020, 7:27pm UTC](https://meta.discourse.org/t/remove-new-topic-button/148003/1 "2020-04-14T19:27:40Z")

</div>

How can I remove the New Topic button from the main page? I only want it to appear when a user selects a category.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [April 14, 2020, 7:39pm UTC](https://meta.discourse.org/t/remove-new-topic-button/148003/3 "2020-04-14T19:39:02Z")

</div>

I don’t know if there is a simple way to do it.  
You may want to look at this in order to add a page-specific class to the page body: [Address /latest differently then /new etc via CSS - #4 by Johani](https://meta.discourse.org/t/address-latest-differently-then-new-etc-via-css/135240/4)  
And then, target the create button through this css class to hide it where you want.

---

<div class="post-metadata">

### Author: ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)
#### Post date: [April 15, 2020, 2:11am UTC](https://meta.discourse.org/t/remove-new-topic-button/148003/4 "2020-04-15T02:11:49Z")

</div>

> [@baileysteelefarm](#):
>
> How can I remove the New Topic button from the main page? I only want it to appear when a user selects a category.

You can add this to your theme CSS:

```plaintext
button#create-topic{
    display:none;
}

```

Please note, for future reference, that you can simply right click on any item in a web page and select `Inspect` and a web developer window will appear where the element is highlighted.

 ![Screen Shot 2020-04-15 at 9.04.12 AM](https://global.discourse-cdn.com/meta/original/3X/9/b/9b98f56fec03710efd19001ca916ffd2f55bac88.jpeg)

Then, you can quickly see that the `button` element has the unique id, `create-topic`.

_(So quickly in fact, that it takes less time to inspect the element, write and insert a few lines of CSS into your theme, than the time it takes to post a question in any forum and wait for a reply, thus saving you a lot of time and giving you the satisfaction of mastering these small tasks.)_

With this information, you can easily create a selector in CSS:

```plaintext
button#create-topic

```

This CSS selector means (in a nutshell) “select the button element with unique id create-topic”.

After you select it, you can easily hide it, it change the color, font, size, etc. as you like.

```plaintext
button#create-topic{
    display:none;
}

```

---

<div class="post-metadata">

### Author: ![baileysteelefarm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/baileysteelefarm/32/176885_2.png) [@baileysteelefarm](https://meta.discourse.org/u/baileysteelefarm)
#### Post date: [April 15, 2020, 6:38pm UTC](https://meta.discourse.org/t/remove-new-topic-button/148003/5 "2020-04-15T18:38:03Z")

</div>

I appreciate the help, however that removes the new topic button from all pages. I want it removed from just the home page.

---

<div class="post-metadata">

### Author: ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)
#### Post date: [April 16, 2020, 1:37am UTC](https://meta.discourse.org/t/remove-new-topic-button/148003/6 "2020-04-16T01:37:53Z")

</div>

Then, I kindly suggest you go to your home page and look for a CSS element unique to that page and create your own CSS selector to change the element on that particular page.

That is why I took the time to describe to you, in some details, how to do it; so you can do it yourself.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [April 16, 2020, 2:07am UTC](https://meta.discourse.org/t/remove-new-topic-button/148003/7 "2020-04-16T02:07:36Z")

</div>

… such as `body.navigation-topics, body.navigation-categories { #create-topic { ... } }`.

---

<div class="post-metadata">

### Author: ![baileysteelefarm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/baileysteelefarm/32/176885_2.png) [@baileysteelefarm](https://meta.discourse.org/u/baileysteelefarm)
#### Post date: [May 7, 2020, 8:18pm UTC](https://meta.discourse.org/t/remove-new-topic-button/148003/8 "2020-05-07T20:18:40Z")

</div>

Thank you Kane, that was very helpful.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [June 6, 2020, 8:18pm UTC](https://meta.discourse.org/t/remove-new-topic-button/148003/9 "2020-06-06T20:18:45Z")

</div>

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