# How to left align the login required welcome message

**URL:** https://meta.discourse.org/t/how-to-left-align-the-login-required-welcome-message/411936
**Category:** Support
**Tags:** login
**Created:** [8 בספטמבר,‏ 2026,‏ 9:03pm UTC](https://meta.discourse.org/t/how-to-left-align-the-login-required-welcome-message/411936 "2026-09-08T21:03:22Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [8 בספטמבר,‏ 2026,‏ 9:03pm UTC](https://meta.discourse.org/t/how-to-left-align-the-login-required-welcome-message/411936/1 "2026-09-08T21:03:22Z")

</div>

The `login_required.welcome_message` site text is centered on a login required site, which is aesthetically not so pleasing, in my opinion. Is there an easy fix to change this, to normal left-aligned text with wide, equal size margins on each side, or can the team be convinced to change the OOTB look? 🙏

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [17 בספטמבר,‏ 2026,‏ 7:26pm UTC](https://meta.discourse.org/t/how-to-left-align-the-login-required-welcome-message/411936/3 "2026-09-17T19:26:51Z")

</div>

A theme component with a little CSS will do the trick,

```scss
body.static-login .login-welcome {
  text-align: left;
  align-items: start;
}

```

Before:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/0/7/0074a3183dfc254588ca2d3b74452ac1a40d1b4c.png)

After:

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/b/1/6b13e6dbfdf37275ef1f46d81ad2dc8bc04f43e1.png)

You could also remove the box around it

```scss
body.static-login .login-welcome {
  text-align: left;
  align-items: start;
  background-color: transparent; 
  border: none; 
  box-shadow: none;
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/5/f/05fe4333f56d11f1f4b3e1cc55dc2d035a12ad8a.png)
