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

<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年二月15日 18:19 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/88 "2023-02-15T18:19:25Z")

</div>

您好 @codergautam，

我已合并 Discourse Ad 插件 - Google AdSense 的修复程序。请更新主题。🙂

> [@codergautam](#):
>
> 有什么办法可以隐藏图片预览/使其变小吗？

您可以更改图片高度 🔽  
您需要为此创建一个新组件。🙂

1. 转到 `/admin/customize/themes/`  
自定义 → 主题

2. 点击 **Components** 选项卡，然后点击 **Install** 按钮  

3. 在弹出窗口中，点击 **Create new** 按钮并键入新组件名称。  

4. 点击 **Create** 按钮。

5. 组件已创建。现在选择 FKB Pro 主题以激活它。  

6. 点击 **Edit CSS/HTML** 按钮。  

7. 点击 **Common** 选项卡，并将以下代码粘贴到 **CSS** 部分。  
如果您想分别设置桌面和移动设备上的图片高度，请使用那些选项卡而不是 Common。Common 意味着此代码将在桌面和移动设备上都生效。

```scss
.topic-list {
  .main-link {
    .link-middle-line {
      .topic-image {
        height: 280px; // Default 300px
      }
    }
  }
}

```

如果您想隐藏图片，请使用此 🔽

```scss
.topic-list {
  .main-link {
    .link-middle-line {
      .topic-image {
        display: none;
      }
    }
  }
}

```

---

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