Line up images and dates in masonry gird on blog page

Roselion · March 7

Hi! Does anyone know how to line up the dates and the images here? I've tried to do it within the settings but it won't align. Thanks!

Ziggy · March 8

Firstly if you want things to line up then using a grid layout rather than masonry might be a good idea. You can then get these to line up by adding a minimum height to the title. Can you share your website URL and this page?

Roselion · March 8

6 hours ago, Ziggy said:

Firstly if you want things to line up then using a grid layout rather than masonry might be a good idea. You can then get these to line up by adding a minimum height to the title. Can you share your website URL and this page?

Sorry - I forgot to add that.

https://tangerine-trumpet-x9f9.squarespace.com

The page is Musings.

Thank you!

Ziggy · March 8

Try this Custom CSS:

@media only screen and (min-width:1400px) {
  .blog-masonry .blog-title {
    min-height: 96px;
  }
}
@media only screen and (min-width:) and (max-width:1400px) {
  .blog-masonry .blog-title {
    min-height: 128px;
  }
}

Line up images and dates in masonry gird on blog page

Recommended Posts

Roselion

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Roselion

Ziggy

Posted Images

Ziggy

Link to comment

Roselion

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

News

Roselion

Ziggy

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources