Una actualización cambió nuestro versátil banner - No sé dónde podemos agregar CSS

¡Guau! Eres increíble… Gracias.

2 Me gusta

¿Hay algún código en estos campos del componente Versatile Banner? (está bien si no lo hay)

Aquí está lo que estoy mostrando…

1 me gusta

Excelente. Volveré en breve :slight_smile:

2 Me gusta

Oye Lilly, realmente aprecio tu ayuda, pero no tienes que hacer nada por nosotros…

1 me gusta

casi listo. Lamento que me interrumpieran y me quitaran tiempo.

1 me gusta

el texto que me diste era diferente en mayúsculas, los encabezados están en mayúsculas. tengo que reescribir parte del contenido.

1 me gusta

No, no te preocupes… De verdad… Se agradece mucho, pero creo que nuestro desarrollador lo entenderá cuando regrese mañana por la mañana…

Lo siento, tuve algunas interrupciones inesperadas. También me tomó un tiempo igualar las fuentes similares (parece que tienes algunas especiales, pero deberías poder ver dónde cambiarlas). Lo despojé todo y lo reescribí, y también volví a escribir los encabezados en mayúsculas. Tenga en cuenta también que la información que publicó no es la misma que la del banner y ambas están desactualizadas. Probablemente querrá actualizarlas.

En la pestaña HTML CSS - COMMON de un tema o componente temático, inserte esto (puede crear un nuevo componente si lo desea):

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

Luego, en el área main-heading-content del componente Versatile Banner, inserte todo esto:

<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">CALENDARIO DE PREGUNTAS Y RESPUESTAS EN VIVO -</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 />
                            Martes 23 de mayo a las 8 p. m. 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 />
                            Jueves 23 de mayo a las 4 p. m. 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 />
                            Jueves 25 de mayo a las 7 p. m. 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 />
                            Lunes 5 de junio a las 7 p. m. 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 />
                            Lunes 12 de junio a las 4 p. m. 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"> HORA FELIZ RCP: </span>
                            <br />
                            Lunes 19 de junio a las 3:30 p. m. 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 />
                            Lunes 29 de mayo a la 1 p. m. EST</a>
                    </td>

                    <td class="banner-table-td">
                        <a href="https://forum.georgegammon.com/t/rcp-podcast/6173">
                            <span class="header-link">PODCAST RCP EN VIVO PREGUNTAS Y RESPUESTAS</span>
                            <br />
                            (Solo audio)</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
5 Me gusta

Resultado:

Nuevamente, disculpas por la espera. Si necesitas más ayuda, házmelo saber :slight_smile:

4 Me gusta

En caso de que sea de alguna utilidad, cada cambio de CSS se registra en Discourse.

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

Haz clic en “Detalles”:

4 Me gusta