固定ページで作ったトップページにもパンくずリストを表示（WordPress + SWELL）

/* ウィジェットエリア自体の余白をリセット */
.w-topUpper {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* パンくずリストの位置調整（左へ強制移動） */
.p-breadcrumb-top-fix {
    display: block !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 10px 0 !important; /* 上下余白（行間） */
    box-sizing: border-box !important;
    /* 左位置の調整：投稿ページと合うように数値を調整 */
    position: relative;
    left: -15px;
}

/* 文字色とアイコン色を黒に */
.p-breadcrumb-top-fix .p-breadcrumb__link,
.p-breadcrumb-top-fix .p-breadcrumb__link span,
.p-breadcrumb-top-fix .icon-home {
    color: #333 !important; /* 黒色に固定 */
    text-decoration: none !important;
    opacity: 1 !important;
}

/* ホバー時の文字色とアイコン色の透け具合を調節 */
.p-breadcrumb-top-fix .p-breadcrumb__link:hover {
    opacity: 0.7 !important;
}

<div id="breadcrumb" class="p-breadcrumb l-container p-breadcrumb-top-fix">
    <ol class="p-breadcrumb__list" itemscope itemtype="https://schema.org">
        <li class="p-breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org">
            <a href="/" itemprop="item" class="p-breadcrumb__link">
                <span itemprop="name"><i class="icon-home"></i> ホーム</span>
            </a>
            <meta itemprop="position" content="1" />
        </li>
    </ol>
</div>

.l-container .post_content {
    margin-top: 0 !important;
    padding-top: 0 !important;