Re-order summary block items?

Colourformat · October 20, 2023

Hello,

Is it possible to re-order summary-box items using flex-direction (or similar)?

My 'News' layout (visible at the above link) is currently two columns, and I'd like to split it into three; so that the items run as per the attached image–col.1: date+article title, col:2 image, col 3: excerpt. And for this to be the default layout when pulling in content. It would be neat to be able to do this with one summary block, rather than multiple ones.

I can't seem to find and target the correct block to do this.

Any help here much appreciated—thank you in advance.

Edited October 20, 2023 by Colourformat
Forgot to add URL

tuanphan · October 23, 2023

Hi,

Can you share link to page where you use summary? We can check easier

Colourformat · October 23, 2023

Hi @tuanphan thank you for looking; it is: https://blackbarnarts.uk/news-events

tuanphan · October 26, 2023

First, increase Summary Block width

Next, use this CSS code

@media screen and (min-width:768px) {
.summary-content.sqs-gallery-meta-container {
    display: flex;
    align-items: center;
}

.summary-metadata-container.summary-metadata-container--above-title {
    display: none !important;
}

.summary-excerpt.summary-excerpt-only {
    position: absolute;
    right: 0;
}
}

when you increase width, excerpt will float on right of screenshot

Colourformat · November 1, 2023

Thank you! a little adjustment for aesthetics and it works perfectly 😀

Re-order summary block items?

Recommended Posts

Colourformat

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Colourformat

tuanphan

Colourformat

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources