# Customise + New Topic Button

**URL:** <https://meta.discourse.org/t/customise-new-topic-button/264718>\
**Category:** Product 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:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@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")

</div>

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;   
        }
}

```

---

_[View the full topic](https://meta.discourse.org/t/customise-new-topic-button/264718)._