カラムは、左側のElementorパネルのオプションを使って操作したり、カラムハンドルを右クリックしてポップアップするコンテキストメニューから選択したりすることで、スタイリングすることができます。
右クリックオプション
新しいカラムを追加したり、カラムを複製したりしたい場合は、カラムハンドルを右クリックし、コンテキストメニューから「新しいカラムの追加」または「複製」を選択します。また、ここのコピー&ペーストオプションを使用して、カラムを別のセクションにコピー&ペーストすることもできますし、あるカラムから別のカラムにスタイルのみ(内容は含まれていません)をコピー&ペーストすることもできます。ここでナビゲータをクリックすると、その列に設定されているナビゲータが開きます。もちろん、ここで削除をクリックすると、そのカラムは削除されます。
列の編集をクリックすると、列のオプションが左側のElementorパネルに表示され、以下のすべてのオプションが利用可能になります。
レイアウト
- カラムの幅 (%) :カラムの幅を設定します。
- 垂直方向の整列:コラムコンテンツの垂直方向の整列を設定します。これにより、セクションのすべてのカラムのコンテンツを下、真ん中、または上に貼り付けたり、「ストレッチ・トゥ・フィル」で不等高さのカラムを整列させたりすることができます。上段、中段、下段、間のスペース、周りのスペース、均等なスペースから選択可能
- 水平方向の整列:インライン配置の機能を拡張し、同じ行に配置されたインラインウィジェットを水平揃えにすることができます。スタート、センター、エンド、スペース間、スペースアラウンド、スペース均等から選択できます。
- HTMLタグ:コラムにHTMLタグを設定します。HTML タグについての詳細はこちら
スペースの定義
- スペースの間 – ウィジェットはカラムの端で開始と終了を行い、それらの間には等間隔のスペースがあります。
- スペースの周り – ウィジェットは等間隔に配置され、エッジはウィジェット間のスペースの半分のサイズになります。
- 均等なスペース – ウィジェットの間、前後に均等なスペースがあります。
スタイル
背景オーバーレイ
- 背景の種類:クラシックまたはグラデーションのいずれかを選択
- ブレンドモード:ブレンドモードの設定
- CSSフィルタ:ぼかし、明るさ、コントラスト、彩度の追加
ボーダー
- ボーダータイプ:ボーダータイプの設定
- ボーダー半径:境界半径の設定
- ボックスシャドウ:ボックスシャドウを追加
タイポグラフィ
セクションのタイポグラフィの色を設定する
注意: デフォルト色が有効になっている場合、「Set Typography」は機能しません。
アドバンスド
アドバンスド
属性(プロのみ)
- 独自のカスタム属性を追加します。カスタム属性の詳細
モーション エフェクト(Pro ユーザーのみ)
レスポンシブ
- カラムの反転:スライドさせて列の順序を反転させることができます。
- 可視性:デスクトップ、タブレット、モバイルでセクションを表示または非表示にすることができます。
カスタムCSS(Proのみ)
- 独自のカスタムCSSを追加します。カスタム CSS の詳細