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

TCDテーマHEAL:スタッフで縦長画像を表示する方法

Q.「スタッフ」でセラピストさんの写真に縦長の画像を設定したいです。

申し訳ございませんが、カスタム投稿「スタッフ」(デモサイトでは「セラピスト」)のアーカイブページ、詳細ページにおいて、テーマ仕様ではセラピスト画像(アイキャッチ画像)は縦長の画像を設定した場合も正方形で表示される仕様となっております。
 
▼変更後のスタッフ一覧ページのイメージ  →(変更前)デモサイトのスタッフ一覧ページ
変更後のスタッフ一覧ページのイメージ

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

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

#staff_single_desc, #staff_single_desc .image_wrap, #staff_single_desc .catch_area { height: 700px; }
#staff_list .image_wrap { height: 400px; }
#staff_list .item { height: 535px; }

@media screen and (max-width: 950px)  {
#staff_single_desc .catch_area { height: auto!important; }
}

※auto以外の各heightの数値は設定する画像や見た目によって適宜ご変更ください。

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

0

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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