Another "custom signup" query :)

Development

AI-generated summary

The discussion revolves around customizing the signup modal text in a Discourse forum. agemo initially considered using CSS to change the “Welcome!” text to “Signup Now!!” but realized that it would only add to the existing text. awesomerobot suggested a simpler approach, editing the text under admin -> customize -> text, where searching for the target text and clicking edit can make the desired change. This method is also more accessible and translatable than using CSS. agemo acknowledged the simplicity of the solution, expressing relief at the straightforward answer.

1

Thinking of using a component to do this, a simple mod request, a little customisation of the sign up modal, here is the targeted text content:

Welcome!
Let’s create your account

Say we want to change the “Welcome!” to “Signup Now!!”

<h1 class="login-title" style="">Welcome!</h1>

Is it possible to use CSS to change what appears in the h1?

Trying the below works for some case uses:

.login-title:before {
content: “Signup Now!”;
}

As it will only add to existing text content before or after.

So is ir what is the best approach here, to replace the text content, what should I look to edit instead, some other element that contains the content that populates the various fields and elements of the signup popup?

2

You don’t need a component to customize text, it can all be edited under admin → customize → text. You can search for welcome! for example, and change it here by clicking edit:

Screen Shot 2022-07-21 at 12.52.04 PM
Screen Shot 2022-07-21 at 12.52.04 PM1151×376 32.9 KB

It’s generally not recommended to add text using CSS, because it’s not accessible or translatable.

3

Oh for goodness sakes… I’m a dope! :rofl: