# Login page CSS control

**URL:** https://meta.discourse.org/t/login-page-css-control/42867
**Category:** Support
**Created:** [April 20, 2016, 11:19am UTC](https://meta.discourse.org/t/login-page-css-control/42867 "2016-04-20T11:19:16Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![stav\_sitnikov](https://avatars.discourse-cdn.com/v4/letter/s/b77776/32.png) [@stav\_sitnikov](https://meta.discourse.org/u/stav_sitnikov)
#### Post date: [April 20, 2016, 11:19am UTC](https://meta.discourse.org/t/login-page-css-control/42867/1 "2016-04-20T11:19:17Z")

</div>

How can i control what is going on in the space marked in Red in my image ?  
I am not finding the css class to control only that space . thanks .

 ![](https://global.discourse-cdn.com/meta/original/3X/6/0/60c6a504032f904d73fb94cb4e5a7ec152fd688a.png)

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [April 20, 2016, 3:04pm UTC](https://meta.discourse.org/t/login-page-css-control/42867/2 "2016-04-20T15:04:04Z")

</div>

I think the closest you can get is that when there is no logged in user the class `.anon` is added to the html element.

```css
.anon #main-outlet {
  background: red;
}

```

The problem with this is that it will also target the FAQ Terms of Service Privacy pages for anonymous users. Having a class like `.login` added to the login page would be useful for this kind of thing.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [April 20, 2016, 3:29pm UTC](https://meta.discourse.org/t/login-page-css-control/42867/3 "2016-04-20T15:29:38Z")

</div>

Sure can we make sure the classes are present on this page @techapj?

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [January 9, 2019, 6:23am UTC](https://meta.discourse.org/t/login-page-css-control/42867/4 "2019-01-09T06:23:46Z")

</div>



---

<div class="post-metadata">

### Author: ![techAPJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/techapj/32/342990_2.png) [@techAPJ](https://meta.discourse.org/u/techAPJ)
#### Post date: [January 9, 2019, 6:34am UTC](https://meta.discourse.org/t/login-page-css-control/42867/5 "2019-01-09T06:34:10Z")

</div>

@jomaxro added `login-required` class for `/login` page in:

[https://github.com/discourse/discourse/commit/64e5532b90fe9fc594f6d9bf424d18e0af46e01e](https://github.com/discourse/discourse/commit/64e5532b90fe9fc594f6d9bf424d18e0af46e01e)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [January 9, 2019, 8:10am UTC](https://meta.discourse.org/t/login-page-css-control/42867/6 "2019-01-09T08:10:57Z")

</div>