[ 質問者返信待ち ] 挿入したmp4動画の上下の、テキストとの余白を狭くしたい

VWSとは フォーラム Lightning [ 質問者返信待ち ] 挿入したmp4動画の上下の、テキストとの余白を狭くしたい

[ 質問者返信待ち ] 挿入したmp4動画の上下の、テキストとの余白を狭くしたい

  • このトピックには2件の返信、2人の参加者があり、最後に石川@Vektor,Inc.により9分前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #119240

    suisei98
    参加者

    ■ WordPress のバージョン
    6.9.4

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    15.34.1

    ■ Pro Unit のバージョン
    0.29.11

    ■ スキンの種類
    Origin III

    ■ 期待する動作
    スマホで閲覧した場合、挿入したmp4動画の上下のテキストとの余白が大きいので狭くしたい。

    ■ 自分で試した事
    レスポンシブスペーサーを挿入し調整しましたが、期待通りにできません。ただ、パソコンで閲覧した際は期待通りに表示されるので、スマホ側の問題なのでしょうか?
    ご指導のほどよろしくお願いします。

    ■ 症状が発生するブラウザ
    スマートフォン表示、Googleクローム

    ■ 実際の症状
    パソコンでは期待通りに表示される。スマホ表示だと余白が大きくなってしまう。

    Attachments:
    You must be logged in to view attached files.

    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #119243

    石川@Vektor,Inc.
    キーマスター

    弊社製品のご利用ありがとうございます。株式会社ベクトルの石川と申します。

    まずは確認させていただきましたが、個人的には今の余白より小さくするのは窮屈かなという印象を受けました。

    その上でうまく調整できない理由の一つは「音量にご注意ください。」の行の高さを 0 にしているので、その下部の要素が文字の下部ではなく上下中心を位置を基準に計算されてしまっているのではないかと思います。
    行の高さは1以上を指定してください。

    また、レスポンシブスペーサーは標準では margin-top で計算しますが、 “margin” は上下の要素からの margin で相殺されて大きい方で計算されるため、先述の通り、行の高さ0指定の影響で、レスポンシブスペーサーが上にめり込んでしまい高さが効かなかったのだと思われます。

    行の高さを1にして、レスポンシブスペーサーは margin-top ではなく height の指定に切り替えると効くのではないかと思います。

    あと、レスポンシブスペーサーではなく、ツールバーからも余白指定は可能です。

    動画の下の文字は、動画のキャプションとしてではなく、動画の下に別の段落にすれば余白が調整しやすいです。

    お試しくださいませ。

    Attachments:
    You must be logged in to view attached files.
    #119247

    石川@Vektor,Inc.
    キーマスター

    ※「動画は御本人さまからご了解を頂いてのものです。」の部分も 今日の高さが0になっていたので1以上にしておいてください。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。