解決済み
Question

画像のキャプションを左寄せにしたいです。

  • m mimimicactus
  • 記事の中で画像のキャプションをつける際に、中央寄せになってしまいます。改行したさいなど中途半端に中央寄せになっているのが気になるので、左寄せにしたいです。
    ネットで検索し、追加CSSなどでいじってみましたが何も変化がありませんでした。
    解決方法を教えていただけると大変たすかります。

    • WP 6.2
    • PHP 8.1
    • JIN:R 1.0
    • Conoha Wing
    • GoogleChrome
    • macOS Big Sur
    2023/06/26 14:12
  • tsu_

    こんにちは!
    JIN:R運営チームのtsu_です。

    画像の共有ありがとうございます!

    ↓のコードを追加CSSに書くとどうでしょうか...?

    #postContent .wp-block-image .wp-element-caption,
    #postContent .wp-block-video .wp-element-caption,
    .o--widget-area .wp-block-image .wp-element-caption,
    .o--widget-area .wp-block-video .wp-element-caption {
    text-align: left;
    }

    2023/06/26 20:56
  • m
    mimimicactus

    ご回答いただきありがとうございます。
    コードを入れてみましたが特に変化はありませんでした。

    しかし、キャプションではなく普通に段落で文章を書くことによって左寄せにしてみました。ご返信いただきありがとうございます!

    2023/06/28 11:28
  • tsu_

    "コードを入れてみましたが特に変化はありませんでした。"
     ↓
    こちらのテストサイトでは大丈夫だったのですが、反映されませんでしたか。。。
    実際のサイトのURLをご共有いただければ、何かわかるかもしれません!

    "しかし、キャプションではなく普通に段落で文章を書くことによって左寄せにしてみました。ご返信いただきありがとうございます!"
     ↓
    こちら承知いたしました!

    2023/06/29 21:56
  • m
    mimimicactus

    ご確認いただきありがとうございます。
    一応サイトのURLを共有させていただきます。

    ↓該当記事です。
    https://double-espresso-please.com/home-design/plants-aglaonema/

    よろしくお願いいたします。

    2023/07/03 15:05
  • tsu_

    URLありがとうございます!

    あ、申し訳ありません、どの画像でも良いのでキャプションを付けていただけると助かります!

    ご確認よろしくお願いいたします。

    2023/07/03 19:33
  • m
    mimimicactus

    返信遅くなりまして申し訳ございません。

    該当記事の一番最初の画像に「キャプション」と書きました。

    ご確認よろしくお願いいたします。

    2023/07/11 17:14
  • tsu_

    ありがとうございます!

    こちらの環境下でサイトを見ると、キャプションは左寄せになっているのですが、mimimicactusさんの環境下だと中央になっていますか...??

    キャッシュ削除をして変化があるかご確認いただきたいです!
    よろしくお願いいたします!

    2023/07/12 10:53
  • m
    mimimicactus

    ご返信いただきありがとうございます。

    確認したところ無事に左側になっていました!
    お手数おかけしてしまい申し訳ございませんでした。

    大変勉強になりました。ありがとうございました!

    2023/07/12 11:25
CLOSE