Re-order summary block items?

Colourformat · October 20

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 by Colourformat
Forgot to add URL

tuanphan · October 23

Hi,

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

Colourformat · October 23

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

tuanphan · October 27

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

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

Re-order summary block items?

Recommended Posts

Colourformat

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

Colourformat

Link to comment

tuanphan

Link to comment

Colourformat

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources