# FKB Pro - 社交主题

**URL:** <https://meta.discourse.org/t/fkb-pro-social-theme/234323>\
**Category:** Theme\
**Created:** [2022年七月28日 20:58 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323 "2022-07-28T20:58:41Z")\
**Posts on this page:** 1\
**Showing post:** 104

<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:** [2023年四月2日 09:28 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/104 "2023-04-02T09:28:02Z")

</div>

你好，

是的，我认为通过修改样式可以实现这一点，如果你指的是标题与内容分开，并且这个侧边栏似乎不是固定的。

试试看。 🙂

创建一个新的主题组件，如下所示：[FKB Pro - Social theme - #88 by Don](https://meta.discourse.org/t/fkb-pro-social-theme/234323/88?u=dodesz%EF%BC%8C%E6%88%96%E8%80%85%E5%B0%86%E5%85%B6%E6%B7%BB%E5%8A%A0%E5%88%B0%E7%8E%B0%E6%9C%89%E7%BB%84%E4%BB%B6%E4%B8%AD%E3%80%82)

桌面 / CSS

```scss
.full-width .tc-right-sidebar {
  position: relative;
  top: unset;
  padding: 0;
  background: none;
  box-shadow: none;
  overflow-y: unset;
  .rs-component {
    h3 {
      border-bottom: none;
      padding-bottom: 0;
    }
    > div {
      background: var(--secondary);
      padding: 1em;
      border-radius: var(--d-default-border-radius);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
  }
}

```

---

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