デフォルトでは3列表示になっているため、CSSで調整し表示してください。
▼変更前イメージ
A.TCDテーマオプション＞基本設定＞カスタムCSSに以下を記述してください。
@media screen and (min-width: 768px) {
.p-fp-events__item {
width: calc(100% / 4) !important;
}
}
4の値を5や6などに変更することで5列や6列表示にすることも可能ですが、あまり増やしすぎると画像下のタイトルの可読性が下がる可能性がありますのでご注意ください。
▼変更後イメージ
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！
Q.投稿（BLOG）の日付を非表示にしたいです。メガメニューB（ブログカルーセル）・トップページのブログ一覧・カテゴリーアーカイブ・ブログ記事・ブログ記事内の関連記事箇所の日付をCSSで見た目上非表示にする方法をご案内します。A.下記の方法でご対応ください。TCDテーマ＞基本設定のカ
Q.質問内容・テーマの仕様では2行までしか表示されませんが、イベント名の都合上、3行以上表示させたいです。・カレンダーの高さをもう少し高くしたいです。▼変更箇所イメージA.下記の方法でカスタマイズしてください。【TCDテーマ】 ＞ 【基本設定】 のカスタムCSSに、下記C
Q.お知らせアーカイブページの「もっと見る」の文字を変更するにはどうすればよいですか。▼変更箇所イメージA.下記の方法でカスタマイズしてください。編集するファイル： archive-news.php編集する箇所： 94行目付近[php]echo __( �
Q.質問内容・ヘッダースライダーのサイズを比率固定したいです。・メイン動画に設定した動画を、PC、スマホ問わず16:9で表示させたいです。▼変更後イメージ(デモサイト：スタイルアーカイブページ)A.TCDテーマオプションの基本設定＞カスタムCSSに以下を追記してくださ
Q.イベントカレンダーで「定休日」とは別に背景色を変更したい日があります。当記事ではイベントカレンダーの以下の変更方法をご紹介しています。・特定の日の背景色・文字色の変更・「定休日」の背景色・文字色の変更GAIAを検討されている方へイベントカレンダー機能について詳しく知りたい方は以下
Q.「今月の開催日」を「今後の開催日」に変更し、本日以降の開催日を表示する仕様に変更したいです。▼変更前イメージ → デモサイトイベントページA.下記の箇所を編集してください。編集ファイル：single-events.php編集箇所：203~207行目付近[p
