TCDテーマQUALIA：スマホトップページの「投稿スライダー」を縦並びにする方法

Q.スマホトップページの「投稿スライダー」を縦並びで表示できますか？

▼投稿記事が横並びで表示されている「投稿スライダー」

A.はい、カスタムCSSに追記することでカスタマイズ可能です。

▼カスタマイズ後のイメージ

管理画面のTCDテーマ > 基本設定 > カスタムCSS・スクリプト > カスタムCSSに、下記コードをコピペして保存してください。

/* 投稿スライダーを縦並びにする */
@media (max-width: 767px) {
    .p-cb-post-list {
        flex-direction: column;
        align-items: center; /* stretchを解除して伸びないようにする */
    }
    .p-cb-post-list .p-post-cards-item {
        width: 100%;
        max-width: 335px; /* アーカイブのカード幅に合わせて調整 */
    }
}