How to rename text on buttons and UI elements?

Help
1

I want to rename the continue button (translate the text)

2

in main.css

.interact-button {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

.interact-button:after {
  content: "New text";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

change “New text” as desired

Edit: changed nrt-button to the correct interact-button

1 Like
3

It works, thank you!

Code of specific buttons:
.button: ALL buttons
.interact-button: The “Continue” button during dialogue
.dialog-choice: The selectable choices in the dialogue
.menu-button: The two “start game” and “continue game” buttons
.start-button
.continue-button
.exit-button - Exit button

4

Oh lmao didn’t notice it changed all buttons :joy:

5

I cannot find code for load button btw
.load-button didnt work

6

You can find what CSS class an element uses with the devtools it’s explained in the customising UI part of the docs. so you should be able to find what class the load button has, if it has one

8

It looks like the properties of the .continue button also changes the properties of the load button in demo game.

9

image
image886Ă—105 9.94 KB

Yeah looks like they both have continue-button for some reason so that’s arguably a bug.

There is one way you can do it for now by using some tricks, if we make a selector that grabs that element, but only if it’s not the first child of its parent:

.continue-button:not(:first-child) {
  
}

I think doing this should make whatever you do apply only to the load button and not to continue, as continue is the first one.

And you could reverse this and remove the not to select the continue button if you need to.

.continue-button:first-child {
  
}