Elementor テキストエディターの周りのスペースを作る

テキストエディターで作った文章周辺のスペースをあらかじめ自動的に設定するにはCSSを利用するのが便利です。

テキストエディターの周りのスペースを作る

Elementor の テキストエディターの上下左右のスペースを20px にする。

				
					.elementor-widget-text-editor {
    margin: 20px;
}
				
			

エレメンターのテキストエディターには、4辺のスペース余白は、作られないので、CSSで設定しておくと、実際の投稿時の編集作業が簡単になる。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

テキストエディターテキスト周辺のスペース

記事の見出し番号

関連記事

見出し装飾CSS

投稿記事の見出しを CSS で装飾できれば、編集作業は大幅に削減で、また、ページの見栄えも良くなる。

CSSで自動で見出し番号 その2

見出し番号をCSSで、ブロックエディタ投稿は動作するが、Elementorで投稿するとうまく動作しないので原因を探る

Elementor で CSS

Elementorで CSS を使う時のポイントは CSS のクラスや ID を使って適応範囲をコントロールするのがポイントになる

最新記事

iframe

iframeを使って、他サイトをページに表示させることができます。

例)スクロール効果

スクロールの効果のサンプルページです。印象に残るページの参考にしていただけると良いですね。Elementorより。

Scroll Snap

WEBページでスクロールを所定の位置で一旦止まるように設定することができると可読性が上がりそう。

スクロール効果 横移動

ページをスクロールさせると画像が横方向に移動させる。注目させたり違和感を感じさせる時に使える。