採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

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の数値は設定する画像や見た目によって適宜ご変更ください。

この記事は役に立ちましたか?

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

同じテーマのカスタマイズ記事