업데이트로 다용도 배너가 변경되었습니다 - CSS를 추가할 곳이 어디인지 모르겠어요

와! 정말 대단해… 고마워.

Versatile Banner 컴포넌트의 이 필드들에 코드가 있나요? (없어도 괜찮습니다)

다음은 제가 보여드리는 내용입니다…

훌륭해요. 잠시만 기다려 주세요 :slight_smile:

릴리, 도와줘서 정말 고마워. 근데 우리가 부탁할 건 없으니까…

거의 끝났어요. 누군가 제 시간을 빼앗아 간 바람에 잠시 중단되었어요. 죄송합니다.

제가 받은 텍스트는 대소문자 구분이 달랐어요. 헤더가 전부 대문자로 되어 있더라고요. 그래서 일부 내용을 다시 써야 합니다.

아니요, 걱정하지 마세요… 정말로… 정말 감사하지만, 내일 아침에 개발자가 다시 출근하면 그 의미를 파악할 수 있을 거라고 생각해요…

죄송합니다. 예상치 못한 일이 있어서 잠시 자리를 비웠습니다. 또한 유사한 폰트를 맞추는 데 시간이 좀 걸렸네요 (특수 폰트를 사용하신 것 같은데, 어디서 변경해야 하는지 확인하실 수 있을 것입니다). 전체를 정리하고 다시 작성했으며, 대문자 헤더도 다시 입력했습니다. 또한 게시하신 정보와 배너에 표시된 정보가 서로 다르며, 두 정보 모두 만료된 날짜입니다. 이 부분들을 업데이트하시는 것이 좋겠습니다.

테마 또는 테마 컴포넌트의 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;
}

그 다음 Versatile Banner 컴포넌트의 main-heading-content 영역에 다음 내용을 모두 삽입하세요:

<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">라이브 Q&A 일정 -</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 />
                            5월 23일 화요일 오후 8시 (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 />5월 23일 목요일 오후 4시 (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 />5월 25일 목요일 오후 7시 (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 />6월 5일 월요일 오후 7시 (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 />6월 12일 월요일 오후 4시 (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 />6월 19일 월요일 오후 3시 30분 (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 />5월 29일 월요일 오후 1시 (EST)</a>
                    </td>

                    <td class="banner-table-td">
                        <a href="https://forum.georgegammon.com/t/rcp-podcast/6173">
                            <span class="header-link">RCP 라이브 Q&A 팟캐스트</span>
                            <br />(오디오 전용)</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

결과:

다시 한번 기다리게 해서 죄송합니다. 더 도움이 필요하시면 말씀해 주세요 :slight_smile:

혹시 유용할 수 있으니, 모든 CSS 변경 사항은 Discourse에 기록됩니다.

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

"Details"를 클릭하세요: