# How can I change the Login Required page style?

**URL:** https://meta.discourse.org/t/how-can-i-change-the-login-required-page-style/40009
**Category:** Development
**Created:** [2월 22, 2016, 9:49오후 UTC](https://meta.discourse.org/t/how-can-i-change-the-login-required-page-style/40009 "2016-02-22T21:49:07Z")
**Posts on this page:** 3
**Page:** 2

<div class="post-metadata">

### Author: ![weallwegot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/weallwegot/32/124753_2.png) [@weallwegot](https://meta.discourse.org/u/weallwegot)
#### Post date: [5월 13, 2020, 8:46오후 UTC](https://meta.discourse.org/t/how-can-i-change-the-login-required-page-style/40009/22 "2020-05-13T20:46:05Z")

</div>

> [@Berto](#):
>
> 그렇게 하면 정말 좋을 것 같아요. 왜 그 div 안에 버튼들도 넣지 않나요?

저도 같은 문제를 겪었습니다. 버튼과 로그인 필수 텍스트의 스타일 및 정렬을 일관되게 만들고 싶었기 때문이죠. 필요할 경우 로그인 및 가입 버튼을 해당 div 안으로 이동시킬 수 있는 코드를 아래에 공유합니다. 더 나은 방법이 있을 수 있지만, [개인 로그인 페이지 커스터마이징을 위한 이 테마 컴포넌트](https://meta.discourse.org/t/welcome-page-for-private-sites/98591)에서 수정한 것입니다.

```javascript
<script type="text/discourse-plugin" version="0.8">
  const { on, observes } = require('ember-addons/ember-computed-decorators');

  api.modifyClass('controller:static', {
    @on('init')
    @observes('model.path')
    setupVideo() {
      const path = this.get("model.path");
      if (path === "login") {
          
          
        Ember.run.scheduleOnce('afterRender', () =>{
            let login_div = $('.login-required')[0];

            let signup_btn_element = $('[aria-label="Sign Up"]')[0];
            let login_btn_element = $('[aria-label="Log In"]')[0];
            login_div.appendChild(signup_btn_element);
            login_div.appendChild(login_btn_element);
            
        }); 
     } 
   } 
});

```

---

<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: [7월 22, 2024, 8:20오후 UTC](https://meta.discourse.org/t/how-can-i-change-the-login-required-page-style/40009/23 "2024-07-22T20:20:18Z")

</div>



---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [7월 23, 2024, 9:26오전 UTC](https://meta.discourse.org/t/how-can-i-change-the-login-required-page-style/40009/24 "2024-07-23T09:26:27Z")

</div>



[Previous page](https://meta.discourse.org/t/how-can-i-change-the-login-required-page-style/40009.md?page=1)