Changing text of buttons?

HTML & CSS
1

Hi, I was wondering whether or not is would be possible to change the text in some of the buttons to make them easier to understand for some of my users. if so, how would you do this, because i can see no CSS nor HTML code inside the inspecter to suggest this. Thanks,

Fezodge III

2

I know you’re talking about Discourse here, but could you please clarify which buttons? (Screenshots always help.)

3

the reply/crate new topic inside the text editor, and also the create new account/log in buttons

4

You could change the text with JavaScript, and maybe with some fancy CSS, but AFAIK the better way would be to specify the text in a translation file.

At least IIRC this was the answer at meta for requests to change the text.

5

Atm i’m downloading a plugin i found that supposedly does this! but thanks anyway!

6

Depends on your markup I guess, but you might be able to do something like this…

<!DOCTYPE html>
<html>
<head>
<style>
h1
{
  text-indent:-999rem;
}
h1:before
{
  content: 'you will only see this';
  position:relative;
  right:-999rem;
  border:1px solid red;
}
</style>
</head>
<body>

<h1>This is a heading</h1>

</body>
</html>
1 Like
7

ot really sure what this all means? care to explain?

8

I’m guessing @RyanReese meant to post this in a different topic.

9

I don’t think so, I think he was showing you can use CSS to overwrite the text of a given element.

As seen at

1 Like
10

Ah, I guess so. Discussing buttons and seeing a heading example threw me.

1 Like
11

I don’t know what HTML these “buttons” are (I assume not <button>) so I just threw the H1 in there. Apologies for being confusing. I was just showing the theory behind it since it was being questioned whether CSS could do this.

It’s trickery basically.

2 Likes
12

up this worked! Thanks so much!

13

No problem :slight_smile: you’re welcome.

Easier than downloading a plugin, I assumed.

1 Like
14

yeah, i’ll undonload now! btw, do you know how to get rid of existing text and change it to something else, as i would quite like to reword some stuff!

15

CSS can’t technically change the text. Apart from using trickery like in my example I posted, you can’t do this with CSS only.

Sorry :frowning: .

1 Like
16

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