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

ワードプレステーマ別

TCDテーマNOEL:サービス料金一覧でタイトルと料金の幅を変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.カスタム投稿「サービス」内の「サービス料金一覧」で、左右の列の横幅を変更したい。

この箇所は、テーマ仕様では左側「タイトル」が広く、右側「料金」が狭いレイアウトとなっております。
 
▼変更後のイメージ →変更前のページ
変更後のイメージ

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

TCDテーマ>サイト基本設定のカスタムCSS(サイト全体に適用)、
または記事編集画面のカスタムCSS(当該記事にのみ適用)に入力してください。

.cf_price_list dt { width: 〇px; }
.cf_price_list dd { -webkit-width: calc(100% - 〇px); width: calc(100% - 〇px); }

/* スマホ用調整 */
@media screen and (max-width: 1250px) {
  .cf_price_list dt { width: calc(100% - ●px); }
  .cf_price_list dd { width: ●px; }
}

〇を任意の数値に変更してください。
デフォルト値は 〇:630px(「タイトル」欄の横幅)●:120px(「料金」欄の横幅)です。

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

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

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