ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」
ワードプレステーマ別

TCDテーマISSUE:スタッフページ「タイプA」の画像・テキストの比率を変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.スタッフページを商品紹介に利用しています。「タイプA」(縦長画像向け)のレイアウトで、画像とテキストの比率を1:1から変更したいです。

▼変更後のイメージ
変更後のイメージ

TCD LABO

変更前と比較すると、画像の横幅が狭まっていることがわかります。縦長の商品を紹介するのにもいいかもしれません。

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

TCDテーマ>基本設定のカスタムCSSに入力します。

.pc #staff_left_content { width: 40%; }
.pc #staff_right_content { width: 60%; }

上の行が画像幅、下の行がテキスト幅の調整です。数値を適宜変更してください。デフォルトはいずれも「50%」です。

特定のスタッフ記事だけ調整したい場合は、スタッフ記事編集画面のカスタムCSSに入力してください。

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

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

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