すりガラスフレームの範囲が大きい

質問一覧対象テーマ: Editionすりガラスフレームの範囲が大きい
pomponner_09pomponner_09 asked 3週間 前

すりガラスフレームの範囲が広すぎて上部に無駄な余白がでてしまっています。
画像中央あたりにくるようにしたいのですが方法が分かりません

2 Answers
baseadminBaseDesignInfo Staff answered 4週間 前

現状のショップ拝見し、2番目の画像にてすりガラスの設定を確認いたしました。
現状ではメインタイトルに「<br><br><br>」と改行タグで強制的に余白を作ろうとされていることが上部の余白の原因となっています。
まずはこれを削除してみてください。
その後、もし「<br><br><br>」を入れた理由が他にある場合、それを詳しく教えていただければ調整可能だと思います。
よろしくお願いいたします。

baseadminBaseDesignInfo Staff replied 4週間 前

を入れていたのは全体的に文字を下に配置したかったからです。(画像の中央辺りに全体的に文字がくるように)
を削除してみましたが、たしかにすりガラスフレームの余白部分はなくなりましたが、フレームと文字を全体的に下に下げたいです。(画像の中央あたりにくるように。現状だと、画像の上部にフレームと文字がきています。)

baseadminBaseDesignInfo Staff answered 4週間 前

詳しくありがとうございます。

現状だと、画像の上部にフレームと文字がきています

おそらくモバイル/タブレット表示(サイドバーが格納された状態)の際に、そうなっているという状況ですね。
ここはメインタイトルやリードテキストの文字量によってボックス全体の高さがかなり違ってくるので、特定のテキストで確定した状態があれば、それに合わせて微調整することができます。
「その他設定」の一番下にある「独自スタイルシート」という欄に、以下のコードをコピーペーストして保存してください。

https://basedesign.info/_support/edition_heroposition.css

モバイル/タブレット表示のサイズに限り、上からの位置を少し下にしています。
元々は45%という数値のところ、ひとまず53としていますが、お好みで変更してください。
数値を大きくするほど下になります。