# Customise + New Topic Button
**URL:** https://meta.discourse.org/t/customise-new-topic-button/264718
**Category:** Support
**Created:** [May 11, 2023, 10:47pm UTC](https://meta.discourse.org/t/customise-new-topic-button/264718 "2023-05-11T22:47:14Z")
**Posts on this page:** 11
**Page:** 1
### Author:  [@JonathanCalver](https://meta.discourse.org/u/JonathanCalver)
#### Post date: [May 11, 2023, 10:47pm UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/1 "2023-05-11T22:47:15Z")
I tried customise / text / search for + New Topic, but can’t see a way to edit the + New Topic Button Text. Is it possible to edit the text on this button?
---
### Author:  [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [May 11, 2023, 11:03pm UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/2 "2023-05-11T23:03:56Z")
You can [Customize any text in Discourse](https://meta.discourse.org/t/customize-any-text-in-discourse/36092)
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 12, 2023, 12:42am UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/3 "2023-05-12T00:42:34Z")
hi @JonathanCalver, welcome 👋
the text replacement is the definitely the way to go but elements can be manipulated with css as well, especially with some extra formatting you may want to add or to align the text differently.
to add “Button” to the existing “New Topic” text:
common css
```scss
#create-topic.btn-default.btn.btn-icon-text {
span.d-button-label:after {
content: " Button";
}
}
```
to replace the existing button text with “BUTTON”.
```scss
#create-topic.btn-default.btn.btn-icon-text {
span.d-button-label {
position: relative;
visibility: hidden;
}
span.d-button-label:after {
content: "BUTTON";
position: absolute;
visibility: visible;
left: 0px;
top: 0px;
}
}
```
---
### Author:  [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [May 12, 2023, 2:04am UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/4 "2023-05-12T02:04:22Z")
Using the built in method seems much easier.
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 12, 2023, 2:13am UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/5 "2023-05-12T02:13:31Z")
it should be. but i haven’t been able to change that particular button with the text replacement. not sure why 🤔
edit: i finally got it to change with the text replacement but for some reason it wouldn’t take for awhile and i haven’t figured out why yet. anyways. it is `js.topic.create`.
one thing about using CSS is it allows one to be a bit more specific on some of the page elements. for example, on my site, i used CSS to change the reply button at the bottom of my topics to say “Reply to Topic”. to distinguish it from the post reply buttons. if one uses the text replacement, it will replace the text on both buttons. 🙂
---
### Author:  [@JonathanCalver](https://meta.discourse.org/u/JonathanCalver)
#### Post date: [May 12, 2023, 3:43am UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/6 "2023-05-12T03:43:41Z")
OK, thanks for this but when I go to admin / customise / text and search for New Button, it says there are more than 50 options and I should refine the search.
So, when I put in + New Button, it only comes up with one option, which is js.user\_activity.no\_topics\_body and not the one I want.
So, can you tell me which of the 50 + options is the right one for me to edit to update the + New Topic button on the “Latest” home page, or advise how I should modify my search term? Thanks.
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 12, 2023, 3:59am UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/7 "2023-05-12T03:59:43Z")
the one you want is `js.topic.create`
search for that (or New Topic) and then edit the text that says “New Topic”
---
### Author:  [@JonathanCalver](https://meta.discourse.org/u/JonathanCalver)
#### Post date: [May 12, 2023, 6:25am UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/8 "2023-05-12T06:25:04Z")
Brilliant. All fixed. Thank you so much.
---
### Author:  [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [May 12, 2023, 9:24pm UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/9 "2023-05-12T21:24:16Z")
> [@Lilly](#):
>
> one thing about using CSS is it allows one to be a bit more specific on some of the page elements. for example, on my site, i used CSS to change the reply button at the bottom of my topics to say “Reply to Topic”. to distinguish it from the post reply buttons. if one uses the text replacement, it will replace the text on both buttons.
Aha! Good point. I’m still really bad at CSS. 😿
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 12, 2023, 10:27pm UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/10 "2023-05-12T22:27:54Z")
that is one thing i can do pretty well. we can trade help lol 😅
also you solved this @pfaffman i just added some extra.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [June 11, 2023, 10:28pm UTC](https://meta.discourse.org/t/customise-new-topic-button/264718/11 "2023-06-11T22:28:02Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.