Images not showing in posts (Gutenberg)

  • Resolved watskebart

    (@watskebart)


    5 years, 2 months ago

    When adding images to a post using the default Gutenberg editor. The slide only shows a small white placeholder.
    When using the Classic editor all works fine.

    I noticed in the CSS (Chrome F12 debugging) that the image height is being set to 0 when using the Gutenberg editor.

    Can’t provide a link because of airgapped environment.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Menno Luitjes

    (@mennolui)

    Hoi @watskebart,

    That shouldn’t happen of course ?? I have tested with Gutenberg content and didn’t find any problems myself. So any help reproducing this problem is appreciated!

    Could you send me a screenshot of what the problematic slide looks like, and also a screenshot of the Chrome debugging window? What WordPress version, what theme and what plugins are you using? Could you try and see what happens with the twentynineteen or twentytwenty theme enabled instead of your chosen theme and with all plugins deactivated? Let me know what you find and we’ll go from there.

    Best,
    Menno

    Thread Starter watskebart

    (@watskebart)

    I settled with using the Classic editor.

    Screenshot image in a post when using Gutenberg:
    Screenshot image

    Screenshot Chrome F12:
    Screenshot F12

    Screenshot Chrome F12 manually edited the height from 0 to 300:
    Screenshot F12 manual edit

    • This reply was modified 5 years, 1 month ago by watskebart.
    Plugin Author Menno Luitjes

    (@mennolui)

    Hi @watskebart, thanks for the screenshots! Have you found what CSS rule makes that the figure element has 0 height? And where is that CSS coming from (e.g. is it located in a WordPress core CSS file, or in a plugin CSS file, or a theme CSS file)? This info should be visible in the F12 developer tools. Would be interesting to know. If this is very common (e.g. WordPress core), I can maybe fix it in Foyer.

    You could also try and see what happens with the twentynineteen or twentytwenty theme enabled instead of your chosen theme and with all plugins deactivated. This will tell me if it is a theme or plugin that is causing the image not to appear, or something more general.

    Groeten!

    songmk

    (@songmk)

    I have same problem. I installed a new WordPress and Foyer only. In my case, it is same result both of editors

    WP: 5.3.2
    Theme: twenty-twenty

    Plugin Author Menno Luitjes

    (@mennolui)

    Hi @watskebart and @songmk, I’ve been able to reproduce this and will fix it in the upcoming bug fixes release of Foyer.

    Thanks for reporting!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Images not showing in posts (Gutenberg)’ is closed to new replies.

Tags