# FKB Pro - 소셜 테마

**URL:** <https://meta.discourse.org/t/fkb-pro-social-theme/234323>\
**Category:** Theme\
**Created:** [7월 28, 2022, 8:58오후 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323 "2022-07-28T20:58:41Z")\
**Posts on this page:** 1\
**Showing post:** 242

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [12월 22, 2023, 5:08오전 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/242 "2023-12-22T05:08:58Z")

</div>

안녕하세요 @Drew-ART, 지연된 점 죄송합니다.

> [@Drew-ART](#):
>
> ‘설정 편집기’가 HTML/CSS 편집 버튼을 대체하는 건가요?

설정 편집기를 사용하면 테마 설정을 변경할 때 동일한 작업을 수행할 수 있습니다. 즉, 이 경우 색상을 변경할 수 있습니다. 이러한 설정은 제한적입니다. 버튼 등에 더 큰 변경을 원한다면, 코드를 배치할 수 있는 새 컴포넌트를 생성하고 테마에 활성화해야 합니다.

> [@Drew-ART](#):
>
> 아래와 같이 계속 진행하면 될 것 같습니다
> 
> ```plaintext
> data-category-id='offers' [
> .discourse-kanban-list {
> width: 50%;
> }
> ]
> 
> ```
> 
> (카테고리 하나가 칸반 보드에서 두 개의 열만 가지고 있으며, 각 열이 공간의 50%를 차지하도록 더 넓게 만들고 싶습니다)

칸반 CSS에는 익숙하지 않지만, data-category-id는 숫자여야 한다고 생각합니다.

아래와 같이 보입니다.

```scss
[data-category-id="your-category-id"] {
  .discourse-kanban-list {
    width: 50%;
  }
}

```

그리고 이 코드를 새 컴포넌트에 배치해야 합니다. 제가 여기서 보여드리는 것과 같이: [FKB Pro - Social theme - #88 by Don](https://meta.discourse.org/t/fkb-pro-social-theme/234323/88?u=don)

* * *

> [@Fma965](#):
>
> “기본” FKB 패널과 함께 우측 사이드바 컴포넌트를 사용할 수 있나요?

안녕하세요 @Fma965, 네, 기술적으로는 가능합니다. 현재 우측 사이드바 컴포넌트를 사용하면 기본 섹션이 숨겨지지만, CSS를 조금만 사용하면 두 가지를 함께 사용할 수 있다고 생각합니다.

* * *

> [@thisisjoshjones](#):
>
> 제3자 로그인 버튼이 제대로 정렬되지 않은 것을 보고 있습니다.

안녕하세요 @thisisjoshjones, 감사합니다 🙂 네, 새로운 코어 모달 변경 사항에 맞춰 테마 CSS를 업데이트해야 할 것 같습니다. 이 문제를 수정하겠습니다.

---

_[View the full topic](https://meta.discourse.org/t/fkb-pro-social-theme/234323)._