# 로그아웃된 사용자를 위한 홈 페이지 텍스트 서식 설정

**URL:** https://meta.discourse.org/t/formatting-text-on-home-page-for-logged-out-users/262826
**Category:** Development
**Created:** [4월 25, 2023, 2:48오후 UTC](https://meta.discourse.org/t/formatting-text-on-home-page-for-logged-out-users/262826 "2023-04-25T14:48:50Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Wall-E](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wall-e/32/184438_2.png) [@Wall-E](https://meta.discourse.org/u/Wall-E)
#### Post date: [4월 25, 2023, 2:48오후 UTC](https://meta.discourse.org/t/formatting-text-on-home-page-for-logged-out-users/262826/1 "2023-04-25T14:48:50Z")

</div>

로그아웃 상태의 내 프론트/홈 페이지는 예전에는 그레이 앰버(Grey Amber) 테마를 사용했을 때와 매우 달랐습니다. 텍스트가 회색 배경을 넘어가서 보입니다(아래 참고). 지난 1년간 HTML/CSS 편집을 변경한 적이 없으므로, 페이지 레이아웃을 변경한 업데이트가 있었을 것입니다. 또한 예전에는 로그인 버튼이 오른쪽 상단에 있었지만, 지금은 페이지 하단으로 이동했습니다. 대신 상단에는 미니 로고 이미지가 표시되는데, 이 이미지는 원래 보여서는 안 됩니다. 예전에는 큰 이미지만 보였거든요.

 ![Screen Shot 2023-04-25 at 10.40.06 AM](https://global.discourse-cdn.com/meta/original/4X/a/9/3/a93d346859f4ac0b9b0e80b3c4ae74294fb7dfa7.jpeg)

저는 HTML/CSS에 대해 전혀 모릅니다. 제가 홈 페이지를 편집한 방법은 다음과 같습니다:

 ![Screen Shot 2023-04-25 at 10.42.07 AM](https://global.discourse-cdn.com/meta/original/4X/f/4/5/f451015fc899beb29603b38e6c1a03503281ef7d.png)

텍스트가 잘 들어맞도록 하고, 로그인 버튼이 상단(오른쪽, 가운데, 왼쪽 중 어디든 상관없음)에 표시되며, 미니 로고가 보이지 않도록 어떻게 수정해야 할까요?

---

<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: [4월 25, 2023, 8:56오후 UTC](https://meta.discourse.org/t/formatting-text-on-home-page-for-logged-out-users/262826/2 "2023-04-25T20:56:30Z")

</div>

네, 기본값을 더 스타일리시하게 변경했는데, 안타깝게도 자체 스타일을 추가한 사이트들과 충돌하는 문제가 발생했습니다. 고객님의 사이트를 확인해 보니, 다음 CSS를 추가하면 이전 상태에 더 가깝게 되실 것 같습니다:

```css
body.static-login {
  .body-page {
    margin: 2em auto;
  }
  .logo-container {
    display: none;
  }
  .login-welcome {
    img {
      max-width: 100%;
    }
  }
  .body-page-button-container {
    position: absolute;
    top: 0;
    right: 0;
    button {
     margin: 0;
    }
  }
}

```

 ![Screenshot 2023-04-25 at 4.55.01 PM](https://global.discourse-cdn.com/meta/original/4X/d/f/1/df145f4e56adffe231a1bfe82ff93ed836b8d9b3.png)

---

<div class="post-metadata">

### Author: ![Wall-E](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wall-e/32/184438_2.png) [@Wall-E](https://meta.discourse.org/u/Wall-E)
#### Post date: [5월 16, 2023, 12:21오전 UTC](https://meta.discourse.org/t/formatting-text-on-home-page-for-logged-out-users/262826/3 "2023-05-16T00:21:30Z")

</div>

로그아웃 상태의 홈 페이지가 비어 있는 이유를 설명할 수 있는 최근 변경 사항이 있나요?

 ![Screenshot from 2023-05-15 20-19-47](https://global.discourse-cdn.com/meta/original/4X/8/7/2/87228261cc4a038fd54a31866d175c85170cd7ea.png)

---

<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: [5월 16, 2023, 4:27오후 UTC](https://meta.discourse.org/t/formatting-text-on-home-page-for-logged-out-users/262826/4 "2023-05-16T16:27:40Z")

</div>

5일 전 ([DEV: Rework `static` controllers/routes - Pull Request #19466 - discourse/discourse - GitHub](https://github.com/discourse/discourse/pull/19466)) `below-static` 플러그인 아웃렛(이 내용이 추가되던 방식)을 제거하는 변경 사항이 있었던 것 같습니다. 이제 그 역할을 대신할 `below-login` 아웃렛이 있습니다. 이 문제가 반복적으로 발생한 점에 대해 죄송합니다.