Uma atualização mudou nosso banner versátil - não sei onde podemos adicionar CSS

Uau! Você é incrível… Obrigado.

2 curtidas

Existem códigos nesses campos do componente Versatile Banner? (tudo bem se não houver)

Aqui está o que estou mostrando…

1 curtida

Excelente. Voltarei em breve :slight_smile:

2 curtidas

Ei Lilly, agradeço muito sua ajuda, mas você não precisa fazer nada por nós…

1 curtida

quase pronto. desculpe, fui interrompido por alguém que tomou meu tempo.

1 curtida

o texto que você me deu era diferente em maiúsculas - os cabeçalhos estão todos em maiúsculas. tenho que reescrever parte do conteúdo.

1 curtida

Não, não se preocupe com isso… De verdade… Agradeço muito, mas acho que nosso desenvolvedor vai entender quando ele voltar amanhã de manhã…

Desculpe, tive algumas interrupções inesperadas. Também demorei um pouco para combinar fontes semelhantes (parece que você pode ter algumas especiais, mas deve conseguir ver onde alterá-las). Removi tudo e reescrevi, e também reditei os cabeçalhos em maiúsculas. Observe também que as informações que você postou não são as mesmas que estão no banner e ambas estão desatualizadas. Provavelmente você vai querer atualizá-las.

Na aba HTML CSS - COMUM de um tema ou componente de tema, insira isto (você pode criar um novo componente, se quiser):

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

Em seguida, na área main-heading-content do componente Versatile Banner, insira tudo isso:

<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">AGENDA DE Q&A AO 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 />
                            Terça-feira, 23 de maio, às 20h 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 />
                            Quinta-feira, 23 de maio, às 16h 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 />
                            Quinta-feira, 25 de maio, às 19h 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 />
                            Segunda-feira, 5 de junho, às 19h 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 />
                            Segunda-feira, 12 de junho, às 16h 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"> HAPPY HOUR RCP: </span>
                            <br />
                            Segunda-feira, 19 de junho, às 15h30 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 />
                            Segunda-feira, 29 de maio, às 13h EST</a>
                    </td>

                    <td class="banner-table-td">
                        <a href="https://forum.georgegammon.com/t/rcp-podcast/6173">
                            <span class="header-link">PODCAST RCP AO VIVO Q&A</span>
                            <br />
                            (Apenas Áudio)</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
5 curtidas

Resultado:

Mais uma vez, desculpe pela demora. Se precisar de mais alguma ajuda, me avise :slight_smile:

4 curtidas

Caso seja útil, todas as alterações de CSS são registradas no Discourse.

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

Clique em “Details”:

4 curtidas