# 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:** 314

<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:** [3월 30, 2024, 3:34오후 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/314 "2024-03-30T15:34:55Z")

</div>

> [@Festinger](#):
>
> 카드 대신 토픽 목록으로 홈 페이지를 대체하는 것이 가능한지 궁금합니다.

안녕하세요 @Festinger 👋 감사합니다! 기본 토픽 목록 템플릿을 사용하라는 뜻인가요? 아직 확실하지는 않지만 시도해 보겠습니다. 작동한다면 [이것](https://meta.discourse.org/t/fkb-pro-social-theme/234323/309?u=don)도 작동할 것입니다.

* * *

> [@45thj5ej](#):
>
> 하단 섹션을 빨간선과 정렬되게 이동하는 방법은 무엇일까요?
> 
> ![mmmmm](https://global.discourse-cdn.com/meta/original/4X/4/9/6/49609194449a4047a44b1e6574b516a86ed47dc2.png)
> 
> 위쪽의 토픽/게시물 섹션과 정렬이 되지 않아서 신경이 쓰이네요, 하하.

안녕하세요 @45thj5ej 👋 실제로 그것은 토픽 아바타 + 토픽 본문 너비와 완벽하게 정렬되어 있습니다 😃

원하시면 변경할 수 있습니다 🔽

데스크톱 CSS

```scss
.topic-area > .loading-container,
.topic-above-footer-buttons-outlet.presence,
#topic-footer-buttons,
.more-topics__container {
    width: var(--wo-avatar-width); // 아바타 너비 제외
    margin-left: calc(60px + 1em); // 아바타 너비 + 아바타와 본문 사이 간격
  }
}

```

> [@45thj5ej](#):
>
> CSS를 이것저것 바꿔봤지만 해결 방법을 찾지 못했습니다. 토픽을 일부 가리는 모습이 마음에 들지 않아요.

네, 이 부분은 쉽지 않습니다. 해당 요소가 고정 위치(fixed position)를 가지고 있기 때문입니다. 화면 크기에 따라 좌우 여백이 항상 달라지기 때문에 깔끔하게 이동할 수 없다고 생각합니다.

> [@45thj5ej](#):
>
> “낮게 내려오는” 글자들(예: 글자 “g”)이 잘리는 것에 불편함을 느꼈다면

감사합니다. 줄 간격을 늘렸습니다.

> [@45thj5ej](#):
>
> 세로형 이미지와 가로형 이미지에 대해 토픽 이미지 배경을 혼합해서 사용할 수 있을까요?

아니요, 이 테마에서는 현재 이것이 불가능합니다.

---

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