コンテンツへスキップ
ナビゲーションに移動
このパターンではテーマ「X-T9」「Lightning ( G3 / theme.json )」「Twenty Twenty-Four」「Twenty Twenty-Three」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。
- まず、「気軽に / 人気！ / おトク」の段落をそれぞれ横並びグループで囲み、このグループに[高度な設定] - [追加 CSS クラス]より、
vkp_tips を追加しておきます。
- 次に、上記グループ (
vkp_tips) で、テキスト色と背景色、枠線と角丸を設定します。
- 上記グループ (
vkp_tips) をさらに横並びグループで囲むことで、上下左右のセンタリングができます。
- グリッドカラムカードのカスタムCSSで、丸 (
vkp_tips ) に対して位置とサイズを指定しています。
関連するパターン
- 表示確認済みテーマ
- X-T9
- 使用プロダクト
- VK Blocks
- ライセンス区分
- 無料
- 業種
- ブログ、ビジネス全般
- パターンタイプ
- セクション
- パターンカテゴリー
- スタッフ紹介
- 管理ID
- 21154
ベクトルパスポートがあればすべてのパターンが使えます
簡単・シンプル・タグいらず
すぐにサイト状況を表示する
便利なプラグイン
[ PR ]
このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。
PAGE TOP
