Evergreenスキンには固有のCSSクラスが用意されております。ここではEvergreenスキン固有のデザイン指定方法を紹介します。
お好みの装飾がありましたら、ぜひページの制作にご利用ください。
見出しブロック用のクラス名
見出しブロックに使用するクラス名です。通常の見出しブロックより少し大きく表示されます。
- 見出しブロックを配置し、見出しを入力して下さい。
- 高度な設定の追加CSSクラスに「vk-headding-lp」をつけると以下のように装飾されます。
ブラウザでの表示
見出しブロックよりも少し大きく表示されます
グループでラップした見出しブロック用のクラス名
グループブロックでラップした見出しブロックとサブタイトル用の段落ブロックに使用するクラス名です。中央寄せでサブテキストの左右にボーターのデザインがつきます。
- 親になるグループブロックには高度な設定の追加CSSクラスに「vk-heading-subtext-border」をつけます。
見出しブロックには高度な設定の追加CSSクラスに「vk_heading_title」をつけます。
サブテキスト用の段落ブロックには「vk_heading_subtext vk-font-family-en」をつけます。テキストが日本語の場合は「vk_heading_subtext 」だけで良いです。
ブラウザでの表示
見出しブロック
段落ブロック
見出しブロック
Paragraph