アップデートで汎用バナーが変更されました - 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">LIVE Q&amp;A SCHEDULE -</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&amp;A PODCAST</span>
                            <br />(Audio Only)</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
「いいね!」 5

結果:

お待ちいただき、重ねてお詫び申し上げます。他に何かお手伝いできることがあれば、お知らせください :slight_smile:

「いいね!」 4

もし役に立つなら、すべてのCSSの変更はDiscourseに記録されます。

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

「詳細」をクリックしてください:

「いいね!」 4