WordPressで画像のキャプションも枠線内に入れ込みたい

いつもお世話になっております。

表題の通りですが、まずは下記のサイトにしたがって画像に枠線をつけました。
画像に枠線をつける方法

WordPressでは画像に説明文を付与するキャプションという機能がありますが、この枠線内にキャプションも入れ込みたいです。

現在は下記のように表示されます。
※見づらいかもしれませんが、きちんと画像には枠線が付与されてます。

![]
★試したこと★
①

css
1// 変更前
2
3[caption id="attachment_84" align="aligncenter" width="640"]<img class="w wp-image-84 size-full" src="https://xxxx.xxx/wp-content/uploads/2020/10/yakei.jpg" alt="" width="640" height="359" /> 夜景のサンプル[/caption]
4
5// 変更後
6//　独自追加した枠線クラス「w」をキャプションに追加
7[caption id="attachment_84" align="aligncenter" width="640" class="w"]<img class="w wp-image-84 size-full" src="https://xxxx.xxx/wp-content/uploads/2020/10/yakei.jpg" alt="" width="640" height="359" /> 夜景のサンプル[/caption]
8コード

②
Googleの検証で画像の部分のHTMLを見ると「wp-caption」というクラスが、キャプション部分を含めた画像全体のクラスのようでしたので、下記をcssに追加

css
1wp-caption{
2    border: solid 1px #808080; 
3}

いずれもダメでした。

何かいい方法をご存知でしょうか。
是非教えていただけると嬉しいいです。

テーマは「AFFIGER5」を使用しております。

以上です。
よろしくお願いいたします。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

WordPressで画像のキャプションも枠線内に入れ込みたい

関連した質問