Cocoonの外部メディア貼付けを中央寄せするカスタマイズ

CSS

WordPress(ワードプレス)無料テーマのCocoonを利用していますが、今回は外部メディア(YouTubeやツイート)の貼付けを中央揃えするCSSカスタマイズ方法のご案内。

  • 子テーマ利用者はstyle.cssに
  • 親テーマ利用者はカスタマイズの追加CSSに

それぞれコピペしてください。

.video-container, 
.instagram-container, 
.facebook-container,
.twitter-tweet,
.instagram-media {
    margin: 30px auto !important;
}

スマホだと横幅狭いのであまり気にならないのですが、PC閲覧だと左寄りが目立ってしまうので中央揃えにすると綺麗に収まります。

コメント