Masonry Images don’t align evenly. Conflict with my theme CSS ?

  • Resolved chris1030

    (@chris1030)


    7 years, 2 months ago

    Hello Rich and All,
    Happy New Year !

    I have a weird issue with this nice plugin. In the Masonry Gallery, the VERTICAL space between rows of images is not the same as the space between columns. This makes masonry galleries look a bit odd. See below example post, this will be clearer :
    [ redundant link removed ]

    Honestly, I don’t think the issue is directly with the plugin, as it works fine on some themes (e.g. twentynineteen, etc..). However, this problem replicates on several other different themes I have tested this on. Also, it looks fine on the editor view, error only happens on the front end.

    I am using the great Hitchcock theme by Anders Norén. This could be due to some custommization I did on my child them, but I doubt. Just seems there is some conflict.

    I have tried playing around with the CSS, without success. Would anyone be able to assist and point me to the right direction ? What CSS class do I need to tweak ?…

    Thanks for the assistance.
    Christophe

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter chris1030

    (@chris1030)

    7 years, 2 months ago

    Forgot to mention that the galleries created by the default Gutenberg Gallery block look fine (see the 1st gallery on my test page). This issue only happens with Masonry Gallery block created by the plugin (seem my 2nd gallery on my test page). Thanks. C

    idekogel

    (@idekogel)

    7 years, 1 month ago

    I have the exact same problem (vertical gutter is twice as big as the horizontal gutter). The problem occurs with the Baskerville theme (also by Anders Noren). Have not been able to solve the issue as of yet. Please let me know if you find a solution. Thanks!

    PS: On the theme Photoblogster the horizontal gutter is twice as big as the vertical gutter

    • This reply was modified 7 years, 1 month ago by idekogel.
    Thread Starter chris1030

    (@chris1030)

    7 years, 1 month ago

    Hello @idekogel, All,

    Issue is now fixed ! Yepee !!
    I had posted this same question on the theme’s support forum, and the theme author (Anders Norén) very kindly (and quickly) answered.

    Please see this post on Hitchcock support forum (but I suppose this could be adapted to other themes as well).

    Christophe

    idekogel

    (@idekogel)

    7 years, 1 month ago

    Wow that is fast! Works perfectly, thanks for the heads up!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Masonry Images don’t align evenly. Conflict with my theme CSS ?’ is closed to new replies.