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

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