Skip to content

H1見出しサンプルタイトル​二段目

Sample English TextHeadline H2見出しサンプルタイトル​

  • 【このセクションは既にPC~SPまでの上部マージン(PC:150px / TB:100px / SP:80px)パディング0px、カラム四方パディング(PC:20px / TB:20px / SP:10px)マージン0pxの設定をしてあるので、設定に問題なければ使いまわしてください。】

【サイトを作成する際の初期設定説明】

  1. 固定ページをElementorモードで開いたときに左上に表示される「<」からサイト設定に移動
    ※テンプレートや投稿ページでは表示されないので注意。
  2. Elementorのサイト設定内のタイポグラフィ・カラーの設定をPC~SPまでしてください。最初にこれをしとくと後が楽です。
  3.  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]
      テキストを折り返したくない場合に使用してください。

H3 見出し・テーブルサンプル

tableの横幅はスタイルで調節してください。

Flexレイアウトの場合は、高度な設定の「JetAdvanced」もしくは「配置」で横幅を変更してください。

会社名
【会社名を入れてください】
住所
〒000-0000
【住所を入れてください】
電話番号
000-0000-0000
メール
アドレス
*****@****.co.jp