Elementor：文字・色・背景・枠線を整える

1．文字の大きさと色を変える

123

画像を大きく見る（赤い番号付き）

123

1. 見出しを選び、①「スタイル」を開きます。
2. ②「タイポグラフィ」の鉛筆を押し、「サイズ」「太さ」「行の高さ」を調整します。見出し32px、本文16pxなどを出発点にします。
3. ③「文字色」の色見本を押して選びます。白い背景には濃い文字色を使い、右側で読みやすさを確認します。

2．まとまりに背景を付ける

1. 「構造」から背景を付けたいコンテナを選びます。
2. 「スタイル」→「背景」を開き、背景タイプの「クラシック」を選びます。
3. 「色」を薄いグレーなどにします。背景画像を使う場合は「画像」から選び、位置・繰り返し・表示サイズも確認します。
4. 「高度な設定」のパディングで内側に24px程度の余白を付け、文字が端に触れないようにします。

余白の詳しい使い分け

3．枠線と角丸を付ける

1. コンテナの「スタイル」→「枠線」を開きます。
2. 枠線の種類を「実線」などにし、幅を1px、色を薄いグレーから試します。
3. 角丸が必要なら「角丸」に8pxなどを入力します。設定名は「ボーダー」「ボーダー半径」と表示される場合もあります。
4. 影は必要なときだけ控えめに追加します。部品ごとに設定欄の場所は異なります。

4．通常時・スマホを確認して保存する

1. 「マウスオーバー」を変更した場合は、通常時とポインターを重ねたときの両方を確認します。
2. スマホ表示へ切り替え、文字の折り返し・背景画像の切れ方・左右の余白を確認します。
3. 共通設定を変えた場合はほかの場所も確認し、下書き保存または更新します。