Sample English TextHeadline H2見出しサンプルタイトル
- 【このセクションは既にPC~SPまでの上部マージン(PC:150px / TB:100px / SP:80px)パディング0px、カラム四方パディング(PC:20px / TB:20px / SP:10px)マージン0pxの設定をしてあるので、設定に問題なければ使いまわしてください。】
【サイトを作成する際の初期設定説明】
- 固定ページをElementorモードで開いたときに左上に表示される「<」からサイト設定に移動
※テンプレートや投稿ページでは表示されないので注意。 - Elementorのサイト設定内のタイポグラフィ・カラーの設定をPC~SPまでしてください。最初にこれをしとくと後が楽です。
- aaaa
テキストエディター内のH3
【追加CSSについて】
- OL・ULとも微調整を追加CSSでしているので、気になった時は、「/*テキストエディター内リスト調整*/」の項目をカスタマイズしてください。
- TableのTH内は自動的にテキストが折り返されないように設定してます。
- 追加CSSの1行目~10行目は該当するモバイルの不具合の対応時に使用してください。
- アイコンリスとオブジェクトのアイコンが上寄せになるように「/*┫アイコンリスト調整┣━━━━━━*/」で制御しています。
- JupitorXのフォームの必須項目は、初期状態だと「*」表示ですが、CSSで「必須」表示に変更しています。
背景色なども同じところで変更できますので「/*┫フォームカスタマイズ┣━━━━━━*/」を参照ください。 - よく使うCSSのClassも用意してます。
- Class名[txt_glow]
文字にはっきりした縁取りを追加します。 - Class名[f8]~[f3]
テキストを80%~30%の10%刻みで縮小します。
60%にしたい時はf6を使用してください。 - Class名[pc_view]
PC/TB/SPそれぞれに対して非表示にします。を使うとPC以外brが挿入されるという事になります。
- Class名[txt_nrp]
テキストを折り返したくない場合に使用してください。
- Class名[txt_glow]
H3 見出し・テーブルサンプル
tableの横幅はスタイルで調節してください。
Flexレイアウトの場合は、高度な設定の「JetAdvanced」もしくは「配置」で横幅を変更してください。
会社名
| 【会社名を入れてください】 |
---|---|
住所
| 〒000-0000 【住所を入れてください】 |
電話番号
| 000-0000-0000 |
メール アドレス | *****@****.co.jp |