Вау! Вы потрясающие… Спасибо.
Отлично. Я скоро вернусь 
Привет, Лилли, мы очень ценим твою помощь, но тебе не нужно ничего делать для нас…
Почти готово. Извини, меня прервали и отняли время.
Текст, который вы мне дали, отличался по регистру — заголовки написаны заглавными буквами. Мне придётся переписать часть содержимого.
Нет, не беспокойтесь об этом… Действительно… Это очень ценно, но, я думаю, наш разработчик разберётся в этом, когда вернётся завтра утром…
Извините, у меня возникли непредвиденные перебои. Также у меня ушло немного времени на подбор похожих шрифтов (похоже, у вас могут быть какие-то специальные шрифты, но вы должны увидеть, где их изменить). Я всё упростил и переписал, а также заново набрал заголовки заглавными буквами. Также обратите внимание, что информация, которую вы опубликовали, не совпадает с той, что в баннере, и обе устарели. Вам, скорее всего, стоит их обновить.
На вкладке 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;
}
Затем в области main-heading-content компонента Versatile Banner вставьте всё следующее:
<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&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 HAPPY HOUR: </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&A PODCAST</span>
<br />(Audio Only)</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
На случай, если это может быть полезно, каждое изменение CSS фиксируется в Discourse.
admin/logs/staff_action_logs?filters=%7B"action_name"%3A"change_theme"%2C"action_id"%3A4%7D
Нажмите на «Подробности»: