Blog post section to resize at 4 or 2 posts per row

ashleyfonseca · June 11

When you size down the screen it bumps a post down to a second row and 3 columns. Is there a way to only have it either 4 or 2 posts per row?

Beyondspace · June 11

22 minutes ago, ashleyfonseca said:

When you size down the screen it bumps a post down to a second row and 3 columns. Is there a way to only have it either 4 or 2 posts per row?

Can you share your URL so I can check it?

ashleyfonseca · June 13

On 6/11/2024 at 8:46 AM, Beyondspace said:

Can you share your URL so I can check it?

Here's the link: https://www.dahrinterior.com/

Lesum · June 13

@ashleyfonseca Hi! Add this code under Custom CSS panel:

@media only screen and (min-width: 768px) {
   section[data-section-id="665fd8cfc170d06a64f5bf97"] {  
	.sqs-block-summary-v2 .summary-item-list {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 2.5%;
		justify-content: center;
	}
	.sqs-block-summary-v2 .summary-item.positioned {
		width: 23% !important;
		margin-right: 0 !important;
	}
   }
}

Blog post section to resize at 4 or 2 posts per row

Recommended Posts

ashleyfonseca

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Beyondspace

Link to comment

ashleyfonseca

Link to comment

Lesum

Link to comment

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