Webページを制作する上でとても便利なElementorですが、細かなレイアウト調整が効かなくて困ったことはないでしょうか？
例えばこんな『画像ボックス』でのこんな場面↓
画像をセンターに置きたいけど、タイトルやテキストは左寄せにしたいって場面は多いと思います。センター揃えは、日本語ですと変なところで改行されて読みづらい時がありますからね。ですが、Elementorの機能では、テキスト部分だけを左寄せにすることはできません。テキストを左寄せにするには、画像ごと左寄せにするしかありません。
CSSでタイトル（または説明文）を左寄せにする
Elementorで編集できない部分は、CSSで編集する必要があります。Elementorで制作したページのidやclassを探すにはChromeのデベロッパーツールが便利です。
デベロッパーツールの使い方
Ctrl+Shift+iでデベロッパーツールを開きます。下記添付の順で該当箇所のclassを探すことができます。
class名がわかったら、Elementor編集画面の『サイト設定』＞『カスタムCSS』でCSSを編集します。
これで画像ボックスでセンター寄せを選択しても、タイトルや説明文を左寄せにできます。
