Margins issue on front end

  • I’ve updated to the latest version of the theme today and encountered an issue when editing on the front end (Appearance > Editor). There are no margins between blocks.

    Example using a modified version of the default front page layout: https://ibb.co/MPhMzFs

    In the above, the columns in the featured items pattern are squished together. Likewise, the separator and cover block I’ve added and bunched together, too.

    This is how it looked before today’s update: https://ibb.co/kDQpK3j

    Weirdly, everything looks OK when viewing the site as normal. It’s just when editing. There’s also no issue when editing a post or page using columns etc. Just when using the site editor.

    I am using the Gutenberg plugin for it’s extra functionality. The issue disappears when you deactivate it. My only concern is that this problem will reappear when the features from Gutenberg are included in a future version of WordPress.

    Let me know if you need any further info and keep up the good work.

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    @scuderiadank I’ve taken another stab at fixing this in 0.1.4. It seems the original issue was Gutenberg not liking spaces around the values in var() in theme.json, but when I switched to the new var:custom|spacing|small formatting (in version 0.1.3), it seemed to break it only in the Site Editor instead.

    As a side note, I don’t recommend using Bj?rk with the Gutenberg plugin active. It’s often tricky to support both Gutenberg and Core in the template files. When I can’t do both, I build for the latest version of Core and update when Core is updated with new Gutenberg releases. That will lead to Bj?rk occasionally looking funky in Gutenberg.

Viewing 1 replies (of 1 total)
  • The topic ‘Margins issue on front end’ is closed to new replies.