WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマDIVA:スケジュール一覧ページでサムネイル画像とスケジュールタグを非表示にする方法

Q.スケジュールアーカイブ(一覧)ページで、アイキャッチ画像とスケジュールタグを非表示にしたいです。

詳細ページでは、TCDテーマ>スケジュール>詳細ページの設定>表示設定からサムネイル画像・スケジュールタグの表示/非表示を設定頂けます。
 
▼変更後のイメージ  変更前のデモサイトスケジュール一覧ページ
変更後のイメージ

A.下記の方法でご対応ください。

TCDテーマ>サイト基本設定のカスタムCSSに入力してください。

・サムネイル画像・スケジュールタグどちらも非表示にする
@media screen and (min-width:701px){
  .post-type-archive-event #event_archive_list .image { display: none; }
  .post-type-archive-event #event_archive_list .data { width: 840px; }
}
@media screen and (max-width: 700px) {
  .post-type-archive-event #event_archive_list .event_category,
  .post-type-archive-event #event_archive_list .image img { display: none; }
  .post-type-archive-event #event_archive_list .image { height: 100px; }
  .post-type-archive-event #event_archive_list .mobile_title { bottom: 20px; }
}
・サムネイル画像を非表示にする
@media screen and (min-width:701px){
  .post-type-archive-event #event_archive_list .image img { display: none; }
  .post-type-archive-event #event_archive_list .image { background: none; width: 140px; }
  .post-type-archive-event #event_archive_list .data { width: 700px; }
}
@media screen and (max-width: 700px) {
  .post-type-archive-event #event_archive_list .image img { display: none; }
  .post-type-archive-event #event_archive_list .image { height: 140px; }
  .post-type-archive-event #event_archive_list .mobile_title { bottom: 20px; }
}
・スケジュールタグを非表示にする
.post-type-archive-event #event_archive_list .event_category { display: none; }

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

0

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。