# Formatting when customizing text

**URL:** https://meta.discourse.org/t/formatting-when-customizing-text/267046
**Category:** Support
**Created:** [June 2, 2023, 6:30pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046 "2023-06-02T18:30:28Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![MikeNolan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mikenolan/32/297597_2.png) [@MikeNolan](https://meta.discourse.org/u/MikeNolan)
#### Post date: [June 2, 2023, 6:30pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/1 "2023-06-02T18:30:28Z")

</div>

I want to change the text on the sign in page, but I can’t seem to get a paragraph or line break, what formatting codes, if any, can be used when customizing text?

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [June 2, 2023, 9:08pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/2 "2023-06-02T21:08:35Z")

</div>

Most customized text will not allow html. If you want line breaks you’ll need to do that with CSS, I think.

---

<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: [June 2, 2023, 9:17pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/3 "2023-06-02T21:17:52Z")

</div>

i don’t think this is possible in text replacement tbh. i suspect one could write a plugin or component to do it.

> [@Adding line breaks to Admin \> Customize \> Text](https://meta.discourse.org/t/adding-line-breaks-to-admin-customize-text/155347):
>
> Hi, What options, if any, are there for adding line breaks to text in the Admin \> Customize \> Text settings?

---

<div class="post-metadata">

### Author: ![MikeNolan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mikenolan/32/297597_2.png) [@MikeNolan](https://meta.discourse.org/u/MikeNolan)
#### Post date: [June 2, 2023, 9:18pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/4 "2023-06-02T21:18:36Z")

</div>

Would an inline style tag work?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [June 3, 2023, 7:15am UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/5 "2023-06-03T07:15:20Z")

</div>

Hello,

As I see this section is `html-safe` so you can use `<br>` to line break.  
Markdown also work here.  
`login_required.welcome_message`

> <https://github.com/discourse/discourse/blob/58c3bbc080ef5f56bedc59959ea2a7f620f6ad79/app/assets/javascripts/discourse/app/templates/login.hbs#L7-L9>

Or you can use a #Customization > Theme component to change the Login required page content.

Like:

> [@Trendy Login](https://meta.discourse.org/t/trendy-login/206955):
>
> discourse2Summary Trendy Login changes the default design of static login page (/login) on login required sites and adds the ability to customize the page content via component settings.hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-trendy-login](https://github.com/discourse/discourse-trendy-login)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features S…

---

<div class="post-metadata">

### Author: ![MikeNolan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mikenolan/32/297597_2.png) [@MikeNolan](https://meta.discourse.org/u/MikeNolan)
#### Post date: [June 3, 2023, 4:03pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/6 "2023-06-03T16:03:14Z")

</div>

`I tried <br> and it showed up literally, as if it was in a <pre> block.`

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [June 3, 2023, 5:01pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/7 "2023-06-03T17:01:58Z")

</div>

Both HTML and Markdown works for me. Am I misunderstood something? 🙂

 ![Screenshot 2023-06-03 at 18.58.16](https://global.discourse-cdn.com/meta/original/4X/0/0/d/00d14ddf34af54ff6e3aa8f48f7f343f7b306cf6.png)  
 ![Screenshot 2023-06-03 at 18.58.48](https://global.discourse-cdn.com/meta/original/4X/0/f/b/0fb26ff792d5f43f64028da3ae0ea616c3fe813f.png)  
 ![Screenshot 2023-06-03 at 19.03.12](https://global.discourse-cdn.com/meta/original/4X/9/8/1/9810f56d4b620cf6dbe6afb1d27e7d255a41444b.png)

---

<div class="post-metadata">

### Author: ![MikeNolan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mikenolan/32/297597_2.png) [@MikeNolan](https://meta.discourse.org/u/MikeNolan)
#### Post date: [June 3, 2023, 5:34pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/8 "2023-06-03T17:34:50Z")

</div>

I’m trying to change the text in the sign-up or login page, maybe those are handled differently?

`Log in to your account <br>second line **THIRD LINE** `

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [June 3, 2023, 6:23pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/9 "2023-06-03T18:23:28Z")

</div>

I see. I thought you mean the login required page. Yeah it won’t work with the Login and signup modal.

However you can use here what Jay suggested

> [@pfaffman](#):
>
> If you want line breaks you’ll need to do that with CSS

Like this:

 ![Screenshot 2023-06-03 at 20.17.48](https://global.discourse-cdn.com/meta/original/4X/b/c/a/bca28ce4b62df2ac4726d9ed1b59287b607dd62c.png)

Add this to a theme component CSS section.

```scss
p.login-subheader {
  white-space: pre-line;
}

```

Result:

 ![Screenshot 2023-06-03 at 20.20.03](https://global.discourse-cdn.com/meta/original/4X/9/1/3/9135ec0832ac379eb57e7ae841c20935a2497958.png)

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [June 3, 2023, 6:38pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/10 "2023-06-03T18:38:37Z")

</div>

> [@Don](#):
>
> you can use here what Jay suggested

Except Jay had no idea how to do it! Nice work.

---

<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: [June 3, 2023, 6:54pm UTC](https://meta.discourse.org/t/formatting-when-customizing-text/267046/11 "2023-06-03T18:54:18Z")

</div>

nicely done. i forgot about the white-space property.
