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(「料金」欄の横幅)です。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!