Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-4566

#408844: Posts: Image embed caption misaligned on mobile

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Done
    • Icon: Should have Should have
    • 2.15
    • None
    • 2
    • Gutenberg
    • Sprint #117, Sprint #118

      Requestor's email: ktolen@greenpeace.org
      Requestor's Skype:

      Page:
      https://www.greenpeace.org/international/story/27611/there-is-no-environmental-justice-without-social-justice/

      Description of the issue: When embedding an image into a post and then
      choosing to centre the image, the blue overlay caption is adversely
      affected.

      Centre appears to add a div class:

      <div class="wp-block-image caption-style-blue-overlay
      caption-alignment-center"><figure class="aligncenter size-large"><img
      src="https://storage.googleapis.com/planet4-international-stateless/2019/12/4091fe6a-gp0sttjfw-1024x683.jpg"
      alt="Armed Raid on Estrondo Estate in the Cerrado. © Greenpeace"
      class="wp-image-27614"/><figcaption>During a visit in May 2019 to a
      community in the Estrondo Estate, Greenpeace Brazil and accompanying
      journalists were caught up in an armed raid, witnessing first-hand the
      aggression used against local people. ©
      Greenpeace</figcaption></figure></div>

      (NB. I have of course fixed this example on our live environment so this
      will need to be recreated on staging. Also note, I have not tested this
      with align left/right)

      Attachments:
      https://drive.google.com/open?id=1QNYVEichOJXLPiRkce6rC23muLNQPEEi

            pcuadrad Pablo Cuadrado (Inactive)
            ktolen Kelli Tolen
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: