SWELL│Youtube埋め込み動画の上部に隙間ができた時の解決方法

SWELLでYoutube動画を埋め込みをすると上部に隙間が発生することはないでしょうか？

こうなると記事の見た目が崩れているように見えるので、解決したほうが望ましいです。

その解決方法を残しておきます。

著者

motoki

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください！

WordPressテーマ「SWELL」特化の...

カスタマイズの依頼・相談

SWELLでYoutube埋め込み動画の上部に隙間ができた時の解決方法

解決方法は簡単です。

追加CSSに以下のCSSを追記してあげましょう。

/* YouTubeの埋め込みの隙間 */
.wp-block-embed-youtube .wp-block-embed__wrapper:before {
    display: inline!important;
}

以上です。

キャッシュをクリアして確認しましょう。

隙間がなくなりました。

まとめ

こういった不具合はプラグインの影響がある場合もあります。

まずはプレーンのSWELLで再現できないか確かめましょう。

再現する場合はフォーラムに投稿して直してもらうのがベストです。

そうでない場合、自分のサイトのみで発生する場合は今回のようにCSSで調整してあげるとよいでしょう。