Connect-CMSよくある質問 【データ入力用】

質問
フレームとフレームの間をもっと空けたい
例:タイトルバーとヘッダー画像、ヘッダー画像とグランドメニューなど
回答

フレーム間の間を変更したいフレームの歯車マーク(設定)からフレーム編集を押下します。

デザイン設定の項目内にある「class名」にクラスを設定し、「✔ 更新」を押下します。

2024-12-25_17h29_46

上記例の「b」とハイフン後の数字「5」を必要に応じて変更することで、そのフレームの上下の間隔を設定することができます。

設定方法(全て半角英数で指定します)

「m」の後に間隔を空ける方向、「-」の後は空ける間隔を入れます。
※「m」はマージン(間隔)の意味です。

場所 クラス名の2番目 marginの表示
t(top) mt
b(bottom) mb
上下 y(y軸) my

・間隔の数字について
対応するのは、1~5 まで。

1=1rem(1rem=16px)
2=2rem(32px)
※6以上の数字を入れても認識されません。

◆フレームの上下を同じ間隔にしたい場合は、「my-〇」で設定可能ですが、「mt-1 mb-1」のように上下のクラスを半角を空けて別々に設定しても同じ状態になります。

また、「mt-2 mb-3」のように、別々の数値を入れて上下に違う間隔を指定することも可能です。

カテゴリ
固定記事, メニュー, ブログ, カレンダー, 新着情報, FAQ, キャビネット, フォトアルバム, データベース, RSS, フォーム, データベース検索, プラグイン, フレーム, 掲示板, スライドショー, 施設予約, タブ