TCDテーマGENESIS：スマホでトップページのブログ一覧の表示スタイルを変更する方法

Q.スマホでのブログ一覧のカルーセル表示をやめて縦に表示したいです。

トップページのブログ一覧はカルーセル仕様になっており、横スクロールで表示されます。横スクロールを解除し縦に表示する場合はCSSを調整してください。

▼変更前イメージ

A.TCDテーマオプション＞基本設定＞カスタムCSSに以下を記述してください。

@media only screen and (max-width: 767px) {
  .cb_blog_list, .blog_carousel_wrap, .blog_carousel, .blog_carousel .item {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  .blog_carousel {
    display: block !important;
    white-space: normal !important;
    width: 100% !important;
    transform: none !important;
  }
  .blog_carousel .item {
    width: 100% !important;
    margin: 0 0 40px 0 !important;
  }
  .blog_carousel_wrap {
    padding: 0 20px !important;
    margin: 0 !important;
    transform: none !important;
  }
  .genesis_carousel_scrollbar {
    display: none !important;
  }
}

▼変更後イメージ