更新改变了我们的通用横幅 - 我不知道该在哪里添加 CSS

太棒了!你真厉害……谢谢你。

2 个赞

Versatile Banner 组件的这些字段中有代码吗?(没有也没关系)

这是我显示的内容…

1 个赞

好的。我很快回来 :slight_smile:

2 个赞

嘿莉莉,非常感谢你的帮助,但你不需要为我们做任何事……

1 个赞

快完成了。抱歉,我被别人打断了,占用了我的时间。

1 个赞

您给我的文本在大小写方面有所不同——标题全部是大写。我必须重写部分内容。

1 个赞

不用担心……真的……非常感谢,但我想我们的开发者明天早上回来时会弄明白的……

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

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

#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 区域插入所有这些内容:

<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>
5 个赞

结果:

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

4 个赞

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

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

点击“详细信息”:

4 个赞