v1.5.32 - Block spacing and footer alignment

By:
1 min read
Full-width images and videos now sit flush against the blocks around them, footer social icons line up with the page edge, embedded walls have more room to breathe, and the header-offset hero tag now does what its name says on its own.

Bug fixes

  • Footer social icons now sit where they should. On a site with the newsletter turned off, the icons stayed over on the right instead of moving left into the space the signup form would have used. On sites that had a newsletter but no footer subscribe heading, the icons were on the correct side but sat slightly short of the page edge, with the RSS icon at the wrong end of the row. Both are fixed, and both were also wrong on iPad in portrait. See Header and footer.
  • The header-offset hero tag now pins the image on its own. #hero-header-offset starts a hero image below the site header rather than behind it. Its top edge now meets the header exactly, without needing a second tag — and it does so on every screen. Previously the result depended on the shape of your screen relative to the shape of your image, so it looked right on some displays and left a gap on others. If you have a post that relied on the old centred behaviour, add #hero-landscape-center. See Hero images.
  • Full-width images and videos now stack flush. A full-width image or video placed directly after another full-width block — or at the very top of a page — kept a gap that the theme's coloured cards had already learned to close. Captioned images are deliberately left alone, since a caption needs the space beneath it.

Under-the-hood improvements

  • Embedded walls have more room around them. The wrapper you put a testimonial wall or similar widget into now takes noticeably more space above and below on larger screens, and scales that down properly on smaller ones. When the widget is set to cut short with a Show all button, the space beneath is larger still, so the button reads as part of the block it belongs to rather than crowding whatever comes next. See Embed container.