Ein Update hat unser vielseitiges Banner geändert - Ich weiß nicht, wo wir CSS hinzufügen können.

Wow! Du bist großartig… Danke.

2 „Gefällt mir“

Gibt es in diesen Feldern der vielseitigen Bannerkomponente Codes? (Es ist in Ordnung, wenn nicht)

Hier ist, was ich zeige…

1 „Gefällt mir“

Ausgezeichnet. Ich bin gleich zurück :slight_smile:

2 „Gefällt mir“

Hey Lilly, vielen Dank für deine Hilfe, aber du musst nichts für uns tun…

1 „Gefällt mir“

Fast fertig. Entschuldigung, ich wurde von jemandem unterbrochen, der meine Zeit in Anspruch genommen hat.

1 „Gefällt mir“

Der Text, den Sie mir gegeben haben, war in der Groß-/Kleinschreibung unterschiedlich – die Header sind alle großgeschrieben. Ich muss einige Inhalte neu schreiben.

1 „Gefällt mir“

Nein, machen Sie sich keine Sorgen… Wirklich… Es wird sehr geschätzt, aber ich denke, unser Entwickler wird es verstehen, wenn er morgen früh wieder da ist…

Entschuldigung, ich hatte einige unerwartete Unterbrechungen. Außerdem hat es eine Weile gedauert, bis ich ähnliche Schriftarten gefunden habe (es sieht so aus, als hätten Sie einige spezielle, aber Sie sollten sehen können, wo Sie sie ändern können). Ich habe alles bereinigt und neu geschrieben und auch die großgeschriebenen Überschriften neu getippt. Beachten Sie auch, dass die von Ihnen geposteten Informationen nicht mit denen im Banner übereinstimmen und beide veraltet sind. Sie werden diese wahrscheinlich aktualisieren wollen.

Fügen Sie im Tab HTML CSS - COMMON eines Themas oder einer Themenkomponente Folgendes ein (Sie können auch eine neue Komponente erstellen):

#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;
}

Fügen Sie dann im Bereich main-heading-content der Versatile Banner-Komponente Folgendes ein:

<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 „Gefällt mir“

Ergebnis:

Nochmals Entschuldigung für die Wartezeit. Wenn Sie weitere Hilfe benötigen, lassen Sie es mich bitte wissen :slight_smile:

4 „Gefällt mir“

Falls es von Nutzen sein sollte, jede CSS-Änderung wird in Discourse protokolliert.

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

Klicken Sie auf „Details“:

4 „Gefällt mir“