Support » Plugin: Gutenberg » Gutenberg image captions

  • Resolved tatami3lri

    (@tatami3lri)


    I’ve just activated the Gutenberg plugin. I’m using the latest versions of WordPress and Genesis by StudioPress. Using the Classic editor, I can left-align image captions by including this code in my theme’s CSS:

    .wp-caption-text {
    	font-size: 14px;
    	font-weight: 400;
    	font-style: italic;
    	margin: 0;
    	text-align: left;

    With Gutenberg, this doesn’t work. Can anyone tell me how to adjust the code for Gutenberg?

    Also, using Gutenberg unless I reduce the image size to a thumbnail, I can’t see the caption I’m typing since it appears on rather than below the image in the editor. Is this a known problem? Is there a workaround?

    All suggestions much appreciated.

    PS The link to my website is to the home page. I have not yet published a post with the Gutenberg editor.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Same issue for me. Using Equable by BloggingThemeStyles. Using Gutenberg in a staging environment. Caption text is very small and a different font than the theme. Unable to modify. However I manipulate the image (thumbnail, full-size, etc.), the caption text remains a non-theme font size and family. Nowhere to manipulate this that I can see.
    Gutenberg is a bold move forward and I applaud the Gutenberg developers, as well as all the other developers who are working overtime to make this thing work.

    Thread Starter tatami3lri

    (@tatami3lri)

    Agreed re Gutenberg development, but having played with it yesterday it feels to me like it’s not ready for prime time (see also my question re embedding a YouTube video).

    Well said. Just not ready yet. The Gutenberg folks not only need to accomplish their own objectives, but microscope satisfaction with other developers and, of course, the users. Rome wasn’t built in a day and the Gutenberg press didn’t roll out overnight. From the look of these posts, lot of work left to do.

    Try Figcaption
    for image captions.

    Took me a while to find it.

    Thread Starter tatami3lri

    (@tatami3lri)

    Thank you. It works!

    Figcaption does not work in a Text & media block. Tha caption is not showing and I get an “HTML Error” in the editor.

    Hi I can’t figure out how to post a question so here it goes. I like using blocks, but I simply cannot get captions to work correctly, even after days of working and searching on this. I am not a php whiz or even a novice.
    I create an image block and in the editor it looks great. I often size images to 300 pixels or so, or about half my page width. When you do this and left or right justify by the image it looks great in the editor.
    But once I publish it the photo is correctly positioned, the text of the blog wraps around it, but the caption text only fills half or less of the space under the photo. I am using a modified version of twentyfifteen which may be the source of my woes.
    Here is a link to the page: http://www.greenenergyfutures.ca/episode/life-with-an-ev-kevin-ma-environment-reporter-long-and-winding-road-to-electric-vehicle-ownership
    I am working on this so it may change.
    Can someone please help?

    • This reply was modified 2 years, 9 months ago by David Dodge. Reason: trying to delete, I created a topic
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Gutenberg image captions’ is closed to new replies.