# 업데이트로 다용도 배너가 변경되었습니다 - CSS를 추가할 곳이 어디인지 모르겠어요

**URL:** https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937
**Category:** Support
**Created:** [8월 20, 2023, 5:00오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937 "2023-08-20T17:00:24Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![c12gene](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/c12gene/32/181974_2.png) [@c12gene](https://meta.discourse.org/u/c12gene)
#### Post date: [8월 20, 2023, 5:00오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/1 "2023-08-20T17:00:24Z")

</div>

최근 업데이트 이후로, 다재다능한 배너가 우리 사이트에서 엉망이 되었습니다. 이제 일정의 스타일을 어떻게 설정해야 할지 모르겠습니다. 도움을 주시면 정말 감사하겠습니다… CSS를 어디에 적용해야 이런 문제를 해결할 수 있는지 아시는 분 계신가요?

 ![iScreen Shoter - Google Chrome - 230820095809](https://global.discourse-cdn.com/meta/original/4X/e/b/3/eb3a935f2c3430aefb42bce60d4e706ee17f2a1c.jpeg)

---

<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: [8월 20, 2023, 5:09오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/2 "2023-08-20T17:09:21Z")

</div>

저의 포럼에서는 Discourse test passed beta와 Versatile Banner를 사용 중이며, 예상대로 정상적으로 작동하고 있습니다(사용자 카드의 링크를 참조하세요). 다른 구성 요소나 다른 위치의 최근 변경 사항이 충돌을 일으키고 있는 것은 아닌지 궁금합니다. 최근 다른 변경 사항이나 구성 요소 추가를 하신 적이 있으신가요?

~~혹시 이 최근 커밋과 관련이 있는 건 아닌지? 포럼에 해당 변경 사항이 적용되어 있는지 확실하지 않습니다. 관리자 대시보드에서 Discourse가 마지막으로 업데이트된 시점이 언제라고 표시되나요?~~

~~([DEV: Do not manipulate theme module paths at build-time - Pull Request #23148 - discourse/discourse - GitHub](https://github.com/discourse/discourse/pull/23148))~~

---

<div class="post-metadata">

### Author: ![c12gene](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/c12gene/32/181974_2.png) [@c12gene](https://meta.discourse.org/u/c12gene)
#### Post date: [8월 20, 2023, 5:13오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/3 "2023-08-20T17:13:38Z")

</div>

여기서 대화 내용을 벗어나게 되네요… 디스코어 코어 업데이트가 있어서 일부 사항이 변경된 것 같습니다? 과거에 일정표의 외관을 깔끔하게 보이도록 추가했던 CSS가 더 이상 작동하지 않습니다.

 ![iScreen Shoter - Slack - 230820101124](https://global.discourse-cdn.com/meta/original/4X/c/1/7/c17f33c01d5422527ce2805cd9e1ed79c376dec9.jpeg)

---

<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: [8월 20, 2023, 5:15오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/4 "2023-08-20T17:15:56Z")

</div>

제가 그때 링크한 커밋일 수도 있습니다. 그 커밋이 아직 제 포럼에 적용되지 않았는데, 테이블 빌더 컴포넌트 업데이트가 그 커밋 때문에 지난밤 제 포럼을 망쳐놓았거든요. 최근 컴포넌트를 업데이트하셨나요? 사이트에서 정상적으로 작동하려면 이제 그 커밋을 병합해야 할지도 모릅니다.

---

<div class="post-metadata">

### Author: ![c12gene](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/c12gene/32/181974_2.png) [@c12gene](https://meta.discourse.org/u/c12gene)
#### Post date: [8월 20, 2023, 5:23오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/5 "2023-08-20T17:23:04Z")

</div>

제 권한 범위를 벗어난 일입니다. 커밋 같은 게 뭔지 잘 모르겠네요… 우리 사이트도 수동으로 업데이트를 하지 않는 것 같습니다. 디스코스를 사용 중이라, 그들이 업데이트를 배포하는 게 아닐까 추측합니다.

---

<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: [8월 20, 2023, 5:31오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/6 "2023-08-20T17:31: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: [8월 20, 2023, 5:53오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/7 "2023-08-20T17:53:19Z")

</div>

> [@c12gene](#):
>
> 이것을 더 보기 좋게 보이게 하려면 CSS를 어디에 넣어야 하는지 아는 분 계신가요?

Versatile Banner를 조정하려면 `/admin/customize/themes` 페이지의 컴포넌트 탭에서 설정 및 입력 상자에 액세스할 수 있습니다:

 ![components](https://global.discourse-cdn.com/meta/original/4X/2/8/3/2834d1d334137e6a03cc8ea9bc76374b6dc1c60c.png)

이전 모습에 대한 스크린샷이나 각 `column content` 설정에 포함된 코드 조각을 가지고 계신가요?

---

<div class="post-metadata">

### Author: ![c12gene](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/c12gene/32/181974_2.png) [@c12gene](https://meta.discourse.org/u/c12gene)
#### Post date: [8월 20, 2023, 5:58오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/8 "2023-08-20T17:58:19Z")

</div>

유료 포럼이니까… 접근하려면 유료 장벽을 통과해야 해요…

---

<div class="post-metadata">

### Author: ![c12gene](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/c12gene/32/181974_2.png) [@c12gene](https://meta.discourse.org/u/c12gene)
#### Post date: [8월 20, 2023, 6:02오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/9 "2023-08-20T18:02:42Z")

</div>

이전 모습은 다음과 같았습니다(화살표는 무시해 주세요):

 ![iScreen Shoter - Google Chrome - 230601094745](https://global.discourse-cdn.com/meta/original/4X/a/c/a/aca73a081396c611ecb20febaaf9edc14f341565.jpeg)

현재 사용 중인 코드는 다음과 같습니다:

```plaintext
<p>
  <span>라이브 Q&A 일정 -</span>
  <span>
    <a
      href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-23-2023-reply-with-your-george-gammon-questions/12481">
      <span> George Gammon: </span>5월 23일 화요일 오후 8시 (EST)</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-23-2023-reply-with-your-lyn-alden-questions/12446">
      <span> Lyn Alden: </span>5월 23일 화요일 오후 4시 (EST)</a>
    <a
      href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-25-2023-reply-with-your-chris-macintosh-questions/12502">
      <span>Chris MacIntosh: </span>5월 25일 목요일 오후 7시 (EST)</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-q-a-6-5-2023-reply-with-your-brent-johnson-questions/12444">
      <span> Brent Johnson: </span>6월 5일 월요일 오후 7시 (EST)</a>
    <a
      href="https://forum.georgegammon.com/t/upcoming-live-q-a-6-12-2023-reply-with-your-jason-hartman-questions/12491">
      <span> Jason Hartman: </span>6월 12일 월요일 오후 4시 (EST)</a>
<a href="https://forum.georgegammon.com/t/upcoming-live-happy-hour-6-19-2023-reply-with-your-team-rcp-questions/12383">
      <span> RCP Happy Hour: </span>6월 19일 월요일 오후 3시 30분 (EST)</a>
    <a
     href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-29-2023-reply-with-your-patrick-ceresna-questions/12402">
      <span> Patrick Ceresna: </span>5월 29일 월요일 오후 1시 (EST)</a>
    <a
      href="https://forum.georgegammon.com/t/rcp-podcast/6173">
      <span>RCP 라이브 Q&A 팟캐스트</span>(오디오 전용)</a>
  </span>
</p>

```

---

<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: [8월 20, 2023, 6:08오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/10 "2023-08-20T18:08:04Z")

</div>

최근에 변경 사항이 있었던 것 같고, 일부 CSS 코드가 제거된 것으로 보입니다. 해당 span 태그에는 속성이 있어야 할 것 같은데요. 해당 태그를 포맷팅하는 데 사용되는 CSS 코드를 공유해 주시겠어요? 아마도 컴포넌트나 테마 중 하나의 common/css에 있을 가능성이 높습니다.

---

<div class="post-metadata">

### Author: ![c12gene](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/c12gene/32/181974_2.png) [@c12gene](https://meta.discourse.org/u/c12gene)
#### Post date: [8월 20, 2023, 6:09오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/11 "2023-08-20T18:09:48Z")

</div>

맞아요, 그게 훨씬 더 말이 되네요. 개발 담당자가 업데이트 이후 CSS를 어디에 넣어야 할지 모르겠다고 하더라고요… 아마 그게 문제인 것 같네요…

---

<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: [8월 20, 2023, 6:13오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/12 "2023-08-20T18:13:25Z")

</div>

원본 CSS 코드가 있으면 해당 태그를 수정할 수 있습니다. 개발자가 직접 하려면, CSS 포맷팅 코드에 해당하는 올바른 span 속성으로 해당 태그를 채워 넣어야 합니다.

---

<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: [8월 20, 2023, 6:20오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/13 "2023-08-20T18:20:06Z")

</div>

이전에 개발자가 적용했던 CSS 스타일링은 별도의 컴포넌트에 있어야 합니다. ‘Versatile Banner Custom’ 또는 'Custom Banner’와 같은 이름의 컴포넌트가 하나 있나요?

---

<div class="post-metadata">

### Author: ![c12gene](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/c12gene/32/181974_2.png) [@c12gene](https://meta.discourse.org/u/c12gene)
#### Post date: [8월 20, 2023, 6:22오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/14 "2023-08-20T18:22:36Z")

</div>

제이미도저님, 범용 배너가 하나만 있거든요… 이렇게요…

 ![iScreen Shoter - Google Chrome - 230820112059](https://global.discourse-cdn.com/meta/original/4X/0/7/3/073cd737b25848bcfb64c028ff31650060fefad0.jpeg)

---

<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: [8월 20, 2023, 6:26오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/15 "2023-08-20T18:26:50Z")

</div>

커스텀 스타일(Custom Styles)이란 무엇인가요? 그게 원인일 것 같다는 의심이 듭니다. 코드는 Common/Css에 위치할 것입니다(버튼이 있을 것입니다).

---

<div class="post-metadata">

### Author: ![c12gene](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/c12gene/32/181974_2.png) [@c12gene](https://meta.discourse.org/u/c12gene)
#### Post date: [8월 20, 2023, 6:30오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/16 "2023-08-20T18:30:51Z")

</div>

해당 탭의 모습은 다음과 같습니다:

 ![iScreen Shoter - Google Chrome - 230820112925](https://global.discourse-cdn.com/meta/original/4X/0/2/2/0226867c20583687a2cfd09e5b4a5d855c0c3547.jpeg)

거기서 스타일 요소 하나를 찾으면..

 ![iScreen Shoter - Google Chrome - 230820113025](https://global.discourse-cdn.com/meta/original/4X/1/0/b/10b3005f72232c253c878c2e5156351ec812cff3.jpeg)

---

<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: [8월 20, 2023, 6:31오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/17 "2023-08-20T18:31:45Z")

</div>

음, 그렇다면 그건 아닐 수도 있겠네요. 공통 탭에 아무것도 없나요? 방향은 맞습니다. 코드가 있는 컴포넌트나 테마를 찾아야 할 뿐이에요.

---

<div class="post-metadata">

### Author: ![c12gene](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/c12gene/32/181974_2.png) [@c12gene](https://meta.discourse.org/u/c12gene)
#### Post date: [8월 20, 2023, 6:32오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/18 "2023-08-20T18:32:39Z")

</div>

빈 상태… 해당 플러그인에는 위에 언급된 Desktop 섹션 안에 있는 것 외에는 아무것도 없습니다.

---

<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: [8월 20, 2023, 6:34오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/19 "2023-08-20T18:34:02Z")

</div>

그 헤더 테마 선택기가 일부 원인일 수도 있지만, 그렇게 생각되진 않아요. 확실하지는 않네요. 제대로 된 전체 코드를 봐야 판단할 수 있을 것 같아요.

---

<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: [8월 20, 2023, 6:38오후 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/20 "2023-08-20T18:38:06Z")

</div>

찾을 수 없다면, 제가 임의로 CSS를 만들어서 원래 모습의 스크린샷과 일치하도록 시도해 볼게요. 다만 그 빨간색 헤더 폰트가 뭔지는 잘 모르겠네요.

수정: 제공해 주신 내용을 바탕으로 새로운 배너를 만들어 드릴게요. 조금만 기다려 주세요.

[다음 페이지](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937.md?page=2)
