カラムを調整してメリハリのあるレイアウトに

Facebook
Twitter

まず先にレイアウトをご覧ください。

DEMO

普通に2カラムだと単調なレイアウトになってしまいますが少し調整するだけでレイアウトにメリハリがつきます。??

セクションを作成

左カラムにウィジェットから画像を入れます。右カラムにはウィジェットからテキストエディターを入れます。

作成したセクションの下に新たにセクションを追加して先程とは逆に左にテキストエディタ、右に画像を入れます。以下のようなレイアウトになりました。

 

カラムのマージン調整

左上の「Editカラム」ボタンを選択して、左のパネルのレイアウトタブよりカラム幅を40%とします。左と右のカラムの比率を40%:60%にする。ということです。

続いて、詳細タブを選択して、左カラムのマージンを調整します。

まず右側のリンクのチェックを外して、一番左のマージン(上)の数値を-80にします。画像の位置が上に移動しました。下のセクションについても同様に処理します。数値は適宜調整してみてください。

検索
Elementorカテゴリ
Sponsored Links

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.