Galleries, Columns dont work

  • Resolved ericmw

    (@ericmw)


    1 year, 11 months ago

    I tried to build a new page with a gallery including foobox and in the draft it did what I wanted with Gutenberg in three or four column as many times before. When published now it only shows one column as the page mentioned above. I work with a child-theme of ephemeris. WP and the theme were updated a few days before. Could it be a problem of one of the css-files?

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

Viewing 1 replies (of 1 total)
  • Theme Author Anthony Hortin

    (@ahortin)

    Hi Eric,

    Apologies for the delayed reply. Is this a standard Image Gallery block that you’ve inserted into your page? The standard (Gutenberg/Block Editor) Image Gallery Block should display as you would expect. Here’s a screenshot from a sample page that I just created, showing a 4 Column Image Gallery using the standard Gallery Block. Here’s what that block looks like in the Block Editor.

    What version of WordPress are you using? Do you have the Gutenberg plugin activated? You shouldn’t need this, if you do. Do you have any other plugins activated that could be modifying the standard WordPress Block Editor styles?

    Looking at the html/css that is generated on your above page, I can see that it’s missing some important styles, which is messing up the display of your image gallery.

    The default Block Editor Global Styles includes the following style:

    body .is-layout-flex {
  display: flex;
}

    This style is inserted into the page <HEAD> by default, from the Block Editor, and isn’t generated on your page for some reason. If you add the above style into the Additional CSS panel in the Customizer, you should see that your gallery starts displaying as expected (although you do have a gallery that is displaying tiny images, which I suspect is due to your thumbnail image size).

Viewing 1 replies (of 1 total)
  • The topic ‘Galleries, Columns dont work’ is closed to new replies.