IGの投稿をwordpressに埋め込んだときのはみ出し修正

Instagramの投稿をWordpress記事内に埋め込んだ時に、スマホで見ると横幅がはみ出ていました。
こんな感じです・・・・。見にくいですよね。
埋め込みタグのmaxwidthをその都度書き換えて貼り付けてもはみ出していたので、どうしたものかと調べていたら、Programing beginner by koala【コピペOK!】instagramの投稿をwordpressに埋め込む時にiphoneサイズにする方法 こちらの記事でコピペでそのまま使えるCSSのコードを公開してくださっていたので、使わせていただきました!
@media screen and (maxwidth: 899px){
.instagrammedia{
width:414px !important;
maxwidth: 100% !important;
minwidth: initial !important;
}
}
こちらのコードをカスタマイズの追加CSSのところにコピペするだけ♪
…ちゃんとおさまりましたー🙌🙌
koalaさん、ありがとうございました!
タイトルとURLをコピーしました