Masonry block not working

• 

  benoitbrebion08 · Member · Sep 15, 2020 at 12:32 pm

  • Copy link
  • Add topic to favorites

  Hi!

  On my website (benoitbrebion.wordpress.com), I try to use a “Masonry” block in the ‘My projects’ section in order to display images in the form of a grid composed of several columns (in the editing tool, the images are displayed perfectly on 3 distinct columns). But in the end I only have one column (the images are placed one under the other).
  Do you have any idea where the problem might come from?

  Thank you in advance!

  The blog I need help with is: (visible only to logged in users)

• 

  staff-blorbo · Staff · Sep 15, 2020 at 7:04 pm

  • Copy link

  The masonry block chooses spacing automatically.

  For a bit more control, try a gallery block https://wordpress.com/support/wordpress-editor/blocks/gallery-block/ or a columns block https://wordpress.com/support/wordpress-editor/blocks/columns-block/

• 

  benoitbrebion08 · Member · Sep 16, 2020 at 7:27 pm

  • Copy link

  Ok I see.
  Also I found this solution: https://wordpress.org/support/topic/masonry-gird-causes-posts-to-display-in-one-column/ where the Plugin Author ask to add a custom CSS script to try fixing the issue.
  How can I add custom CSS scripts with the new editing tool? It seems like I can just add CSS class names with the new editing tool.

• 

  staff-blorbo · Staff · Sep 16, 2020 at 10:15 pm

  • Copy link

  You’ll need a paid Premium or higher plan to use Custom CSS here: https://wordpress.com/support/custom-design/custom-css/

• 

  benoitbrebion08 · Member · Sep 16, 2020 at 10:45 pm

  • Copy link

  Ok thank you.