# 更新改变了我们的通用横幅 - 我不知道该在哪里添加 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:** [2023年八月20日 17: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:** 11\
**Page:** 2

<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:** [2023年八月20日 18:47 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/21 "2023-08-20T18:47:34Z")

</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:** [2023年八月20日 18:47 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/22 "2023-08-20T18:47:57Z")

</div>

Versatile Banner 组件的这些字段中有代码吗？（没有也没关系）

 ![IMG_0228](https://global.discourse-cdn.com/meta/original/4X/5/3/5/5358194d8395527ba2d7a32a42ca672ffc9a0108.jpeg)

---

<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:** [2023年八月20日 18:49 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/23 "2023-08-20T18:49:59Z")

</div>

这是我显示的内容…

 ![iScreen Shoter - Google Chrome - 230820114939](https://global.discourse-cdn.com/meta/original/4X/c/7/b/c7bb54be84364af2910fd372b89a959ffd24c81a.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:** [2023年八月20日 18:50 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/24 "2023-08-20T18:50:44Z")

</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:** [2023年八月20日 19:19 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/25 "2023-08-20T19:19:37Z")

</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:** [2023年八月20日 20:40 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/26 "2023-08-20T20:40:32Z")

</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:** [2023年八月20日 20:53 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/27 "2023-08-20T20:53:48Z")

</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:** [2023年八月20日 21:57 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/28 "2023-08-20T21:57:03Z")

</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:** [2023年八月21日 00:24 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/29 "2023-08-21T00:24:20Z")

</div>

抱歉，我遇到了一些意外的干扰。另外，我花了一些时间来匹配类似的字体（看起来您可能有一些特殊的字体，但您应该能看到在哪里更改它们）。我将其全部剥离并重写，还重新输入了全大写的标题。另请注意，您发布的信息与横幅中的信息不同，而且两者都已过时。您可能需要更新它们。

在主题或主题组件的 HTML CSS - COMMON 选项卡中插入此内容（您可以创建一个新组件）：

```scss
#homepage-banner-black {
    width: 95%;
    background-color: black;
    display: block;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
}

#homepage-banner-red {
    width: 95%;
    background-color: red;
    display: block
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
}

#red-banner-header {
    font-size: 18px;
    color: white;
    background: red;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight: 600;
    font-family: Oswald, Arial, Sans-serif;
}

.banner-font-family {
    font-family: Tahoma, Sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.header-link {
    font-size: 15px;
    color: white !important;
    font-weight: 600;
}

table.banner-table-outer {
    border: 0px;
    padding: 10px;
    width: 100%;
    table-layout: fixed;
}

tbody.banner {
    border: 0px;
    padding: 8px;
    display: block;
}

.banner-table-black {
    margin-top: 10px;
    margin-left: 10px;
    background-color: black;
    width: 100%;
}

tr.banner-table-tr {
    border: 0px;
}

tr.banner-red-tr {
    background-color: black;
    border: 0px;
}

td.banner-table-td {
    border: 0px;
    width: 300px;
}

```

然后，在 Versatile Banner 组件的 `main-heading-content` 区域插入所有这些内容：

```html
<div id="homepage-banner-red">
</div>
<div id="homepage-banner-black">
    <div class="banner-font-family">
        <table width="100%" align="center" class="banner-table-outer">
            <tbody class="banner">
                <tr class="banner-red-tr">
                    <td class="banner-table-td" colspan=4></td>
                </tr>
                <tr class="banner-table-tr">
                    <td class="banner-table-td" colspan=4> <span id="red-banner-header">直播问答时间表 -</span>
                    </td>
                </tr>
                <tr class="banner-table-tr" height="10px">
                    <td class="banner-table-td" colspan=4></td>
                </tr>
                <tr class="banner-table-tr">
                    <td class="banner-table-td">
                        <a
                            href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-23-2023-reply-with-your-george-gammon-questions/12481">
                            <span class="header-link">GEORGE GAMMON: </span>
                            <br />
                            Tuesday May 23 @8 PM EST</a>
                    </td>

                    <td class="banner-table-td">
                        <a
                            href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-23-2023-reply-with-your-lyn-alden-questions/12446">
                            <span class="header-link">LYN ALDEN: </span>
                            <br />Thursday May 23 @4 PM EST</a>
                    </td>

                    <td class="banner-table-td">
                        <a
                            href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-25-2023-reply-with-your-chris-macintosh-questions/12502">
                            <span class="header-link">CHRIS MACINTOSH: </span>
                            <br />Thursday May 25 @7 PM EST</a>
                    </td>

                    <td class="banner-table-td">
                        <a
                            href="https://forum.georgegammon.com/t/upcoming-live-q-a-6-5-2023-reply-with-your-brent-johnson-questions/12444">
                            <span class="header-link">BRENT JOHNSON: </span>
                            <br />Monday Jun 5 @7 PM EST</a>
                    </td>
                </tr>
                <tr class="banner-table-tr" height="10px">
                    <td colspan=4></td>
                </tr>

                <tr class="banner-table-tr">
                    <td class="banner-table-td">
                        <a
                            href="https://forum.georgegammon.com/t/upcoming-live-q-a-6-12-2023-reply-with-your-jason-hartman-questions/12491">
                            <span class="header-link">JASON HARTMAN: </span>
                            <br />Monday Jun 12 @4 PM EST</a>
                    </td>

                    <td class="banner-table-td">
                        <a
                            href="https://forum.georgegammon.com/t/upcoming-live-happy-hour-6-19-2023-reply-with-your-team-rcp-questions/12383">
                            <span class="header-link">RCP HAPPYHOUR: </span>
                            <br />Monday Jun 19 @3:30 PM EST</a>
                    </td>

                    <td class="banner-table-td">
                        <a
                            href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-29-2023-reply-with-your-patrick-ceresna-questions/12402">
                            <span class="header-link"> PATRICK CERESNA: </span>
                            <br />Monday May 29 @ 1 PM EST</a>
                    </td>

                    <td class="banner-table-td">
                        <a href="https://forum.georgegammon.com/t/rcp-podcast/6173">
                            <span class="header-link">RCP LIVE Q&A PODCAST</span>
                            <br />(Audio Only)</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</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:** [2023年八月21日 00:27 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/30 "2023-08-21T00:27:03Z")

</div>

结果：

 ![IMG_0231](https://global.discourse-cdn.com/meta/original/4X/0/f/5/0f534a9196b9feef94ba1d73108e0d6d92d63362.jpeg)

再次为延迟道歉。如果您需要任何进一步的帮助，请告诉我 🙂

---

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [2023年八月22日 13:27 UTC](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937/31 "2023-08-22T13:27:48Z")

</div>

如果这对您有所帮助，Discourse 会记录所有 CSS 更改。

```plaintext
admin/logs/staff_action_logs?filters=%7B\"action_name\"%3A\"change_theme\"%2C\"action_id\"%3A4%7D

```

点击“详细信息”：

[上一頁](https://meta.discourse.org/t/an-update-changed-our-versatile-banner-i-dont-know-where-we-can-add-css/275937.md?page=1)