Support » Plugin: Gutenberg » How to Put the Captions ABOVE the Images

  • Resolved SeanBanksBliss

    (@seanbanksbliss)



    It seems insane to me that captions are below the image by default. This isn’t a book where images are randomly inserted and disjointed from the flow of knowledge. With gutenberg the natural flow of information is from top to bottom — the readers experience perspective. I can not see many situations in which the image ought to be presented before an introduction (aka caption).

    I find that in every case of my usage of images with captions; I want the caption to come first, so that readers will see why the image is being presented, before being confused and trying to figure out for themselves the reason why their reading is being interrupted — and then after their struggle, scrolling down to find the description below the image.

    Obviously we could choose to have no caption, and instead put the caption-text as a separate block above the image; but this is inefficient, and effortful when reusing them.

    I’d like to suggest to the developers that they implement caption placement settings into the development plan.

    That said, I DO have a question:

    What is the CSS for placing captions above images?

Viewing 1 replies (of 1 total)
  • Moderator Samuel Wood (Otto)

    (@otto42)

    WordPress.org Admin

    The new image tags use figures to display the image and the associated caption with it. If you wanted to move the caption to above the image, then some CSS in your theme or elsewhere would do the job very easily:

    figure {
      display: table;
    }
    figcaption {
      display: table-caption;
      caption-side: top;
    }
    

    No need to rearrange the HTML or use any extra code at all.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.