Un aggiornamento ha cambiato il nostro banner versatile - Non so dove possiamo aggiungere CSS

c12gene · 20 Agosto 2023, 6:47pm

Wow! Sei fantastico… Grazie.

Lilly · 20 Agosto 2023, 6:47pm

Ci sono codici in questi campi del componente Versatile Banner? (va bene se non ce ne sono)

c12gene · 20 Agosto 2023, 6:49pm

Ecco cosa sto mostrando…

Lilly · 20 Agosto 2023, 6:50pm

Eccellente. Torno tra poco

c12gene · 20 Agosto 2023, 7:19pm

Ehi Lilly, apprezzo davvero il tuo aiuto, ma non devi fare nulla per noi…

Lilly · 20 Agosto 2023, 8:40pm

Quasi fatto. Mi scusi se sono stato interrotto da qualcuno che mi ha portato via del tempo.

Lilly · 20 Agosto 2023, 8:53pm

il testo che mi hai dato era diverso nel caso - le intestazioni sono tutte in maiuscolo. devo riscrivere parte del contenuto.

c12gene · 20 Agosto 2023, 9:57pm

No, non preoccuparti… Davvero… Lo apprezzo molto, ma penso che il nostro sviluppatore capirà quando tornerà domani mattina…

Lilly · 21 Agosto 2023, 12:24am

Mi dispiace, ho avuto delle interruzioni impreviste. Inoltre, mi ci è voluto un po’ per abbinare i font simili (sembra che tu possa averne alcuni speciali, ma dovresti essere in grado di vedere dove cambiarli). Ho spogliato tutto e riscritto, e ho anche ridigitata le intestazioni tutto maiuscolo. Nota anche che le informazioni che hai pubblicato non sono le stesse di quelle nel banner ed entrambe sono superate. Probabilmente vorrai aggiornarle.

Nella scheda HTML CSS - COMUNE di un tema o componente del tema inserisci questo (puoi creare un nuovo componente se vuoi):

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

Quindi nell’area main-heading-content del componente Versatile Banner, inserisci tutto questo:

<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>

Lilly · 21 Agosto 2023, 12:27am

Risultato:

Ancora scuse per l’attesa. Se desideri ulteriore aiuto, fammelo sapere

Canapin · 22 Agosto 2023, 1:27pm

Nel caso fosse utile, ogni modifica CSS viene registrata in Discourse.

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

Fai clic su “Dettagli”:

Argomento		Risposte	Visualizzazioni
Versatile Banner Theme component official , versatile-banner	99	43390	Ottobre 27, 2025
Welcome Link Banner Theme component official , welcome-link-banner	42	15079	Luglio 9, 2025
Advanced Search Banner Theme component official , search-banner , advanced-search-banner	66	22643	Novembre 19, 2025
Category Banners Theme component official , category-banners	87	47976	Novembre 11, 2025
Welcome Link Banner theme-component with photos Feature welcome-link-banner	10	833	Giugno 14, 2023

Un aggiornamento ha cambiato il nostro banner versatile - Non so dove possiamo aggiungere CSS

Argomenti correlati