# Make "New Topic" button more prominent

**URL:** https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296
**Category:** UX
**Created:** [May 8, 2017, 3:17pm UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296 "2017-05-08T15:17:53Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![alehandrof](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alehandrof/32/119526_2.png) [@alehandrof](https://meta.discourse.org/u/alehandrof)
#### Post date: [May 8, 2017, 3:17pm UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296/1 "2017-05-08T15:17:54Z")

</div>

I had some users complain that it wasn’t obvious how to post a new topic, so I styled the button to look like `.btn-primary`. I think that might be a good default, actually:

 ![](https://global.discourse-cdn.com/meta/original/3X/4/3/4390754c2c975a82737d1c0ea492d52e0bed54f7.png)

(I also changed the “create” vocabulary to “post” since taking the screenshot, but that’s another matter altogether 🙂 )

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [May 8, 2017, 6:49pm UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296/2 "2017-05-08T18:49:09Z")

</div>

This is intentional, we believe people should look for existing topics first before rushing to create a new one. Reply is primary action not create topic.

---

<div class="post-metadata">

### Author: ![alehandrof](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alehandrof/32/119526_2.png) [@alehandrof](https://meta.discourse.org/u/alehandrof)
#### Post date: [May 8, 2017, 8:20pm UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296/3 "2017-05-08T20:20:39Z")

</div>

Ah, interesting! For our community, we currently want new users to be able to find how to ask questions more easily. We’re a small, private community. But I can see why this would be counterproductive in large, public, and active forums.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [May 8, 2017, 8:27pm UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296/4 "2017-05-08T20:27:51Z")

</div>

Yes it’s totally fine to change this to whatever you want locally on your discussions, my comments are in the context of global defaults for all sites.

---

<div class="post-metadata">

### Author: ![AndreasZhou](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andreaszhou/32/212049_2.png) [@AndreasZhou](https://meta.discourse.org/u/AndreasZhou)
#### Post date: [July 1, 2021, 2:44am UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296/5 "2021-07-01T02:44:00Z")

</div>

That looks great thanks so much.I would love to change our “New Topic” button to that layout you used.  
I am no programmer, any suggestion how I could do this with limited technical knowledge? @alehandrof

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [July 15, 2021, 3:06pm UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296/6 "2021-07-15T15:06:39Z")

</div>

Head to `admin/customize/themes` and add this to your active theme under common \> CSS

```scss
#create-topic {
  background: var(--tertiary);
  color: var(--secondary);
  svg {
    color: var(--secondary);
  }
  &:hover {
    background: var(--tertiary-hover);
    svg {
      color: var(--secondary);
    }
  }
}

```

You can read more about Discourse themes here.

[Beginner's guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)

---

<div class="post-metadata">

### Author: ![AndreasZhou](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andreaszhou/32/212049_2.png) [@AndreasZhou](https://meta.discourse.org/u/AndreasZhou)
#### Post date: [July 15, 2021, 11:39pm UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296/7 "2021-07-15T23:39:51Z")

</div>

Oh, fantastic. I just copy and pasted this and it worked. First time I added code to anything. Very exciting and it looks great. Thanks @Johani  
Is there any way to change the copy from the default “New Topic” to “Create New Topic” or something else more eye catching too?

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [July 16, 2021, 5:41pm UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296/8 "2021-07-16T17:41:58Z")

</div>

Sure, head to `admin/customize/site_texts` and search for `js.topic.create`

This will give you two results

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

The first one is for the button you see on topic lists. The second one is for the submit button in the composer when you create a new topic.

You can edit the text of both of those to whatever you prefer.

---

<div class="post-metadata">

### Author: ![AndreasZhou](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andreaszhou/32/212049_2.png) [@AndreasZhou](https://meta.discourse.org/u/AndreasZhou)
#### Post date: [July 17, 2021, 1:24am UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296/9 "2021-07-17T01:24:50Z")

</div>

> [@Johani](#):
>
> js.topic.create

Thank you so much, this is super useful. Changed it already.

---

<div class="post-metadata">

### Author: ![alehandrof](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alehandrof/32/119526_2.png) [@alehandrof](https://meta.discourse.org/u/alehandrof)
#### Post date: [July 23, 2021, 3:40pm UTC](https://meta.discourse.org/t/make-new-topic-button-more-prominent/62296/10 "2021-07-23T15:40:04Z")

</div>

I was on vacation and not following up on my email. Thank you @joe for following up! I actually didn’t even remember what I had done, it was so long ago! 😊
