画像のキャプションを挿入したときの枠線を消したい

キャプション付きで画像を挿入すると枠線が表示される仕様となっております。
消すためには、子テーマのstyle.cssなどに

#main .entry-content .wp-caption {
    padding: 0;
    border: none;
}

と追加すればOKです。
よろしくお願いします。

キャプション付き画像で枠線が気になるので
#main .entry-content .wp-caption {
padding: 0;
border: none;
}
と追加してみましたが消せませんでした。
何が原因かわかりますか。

素早い回答ありがとうございます。
無事に消えました、助かりました！

合ってますよー。
原因として考えられるのは①キャッシュを削除していないか、②CSSが読み込まれていないか、③どこかの@media(){~}の中に入り込んでしまっているか、などですね。
②は、ソースコードで.cssファイルをチェックしてみると分かるかと思います。

先ほど以下のコメントをさせて頂いたのですが、ブロックエディタに
変更したところスマホ表示でも枠線は表示されなくなりました。
クラシックエディタに戻すとスマホ表示の場合のみ枠線が表示されて
しまいます。

今後はブロックエディタを使用していくことで解決しましたので、
以下の内容につきましては取り下げさせて頂きます。
お騒がせいたしました。今後ともよろしくお願いいたします。

====== 先ほどのコメント内容 ======
子テーマのstyle.cssに
#main .entry-content .wp-caption {
padding: 0;
border: none;
}
を追記し、PCでは枠線が表示されなくなりました。
しかし、スマホ表示では変わらず枠線が表示されてしまいます。
スマホ表示でも枠線を非表示にする方法を教えて頂けましたら幸いです。

子テーマのstyle.cssに
#main .entry-content .wp-caption {
padding: 0;
border: none;
}
を追記し、PCでは枠線が表示されなくなりました。
しかし、スマホ表示では変わらず枠線が表示されてしまいます。
スマホ表示でも枠線を非表示にする方法を教えて頂けましたら幸いです。

解決されてよかったです。
ご不便をおかけしますがよろしくお願いします

お世話になっております。追記いただいたCSSですが以下のようにメディアクエリーのスコープ内に記述されているように見受けられますので、メディアクエリーの外に記述してみてください。
よろしくお願いします。


@media only screen and (min-width: 768px)　 {
// この中に記述したCSSは768px以上のデバイス幅の場合のみCSSが適用されるため、スマートフォンサイズのデバイスの時には無効になります。
}