[Cocoonテーマ]動画挿入時を最初から中央に配置

カスタマイズ

Cocoonのブロックエディタにある動画サービス(YouTubeやViemoなど)を埋め込むブロックが用意されています。

現地点では、埋め込むと左寄りになってしまいます。ブロックの配置(左寄り、中央、右寄りなどなど)で中心配置に設定してもうまく表示されない。

カスタムHTMLブロックで<dive align =”center”>URL</div>という形で記述してしまえばいい話ですが、せっかく専用のブロックが用意されているのでこちらを使いたい。

そんなことを思いつつ、検索してみるとこのテーマのCocoonサイトのフォーラムに同じようなことをしたい方が質問をされていました。

CSSをいじってしまえばいいということで、以下のコードが提示されていました。

.video-container {
margin: 0px auto;
}

左右寄りや回り込みなどをする必要がない自分にとっては、ドンピシャな方法です。

さっそくカスタマイズ>追加CSSに追記したら、無事に中央に寄るようになりました。

コメント

タイトルとURLをコピーしました