How to make blog posts in the blog page layout looks like in a card style?

Hello! I want to make my blog page styled inside line border that wrapped around image, heading, body and read more text like in this website https://interbeing.squarespace.com/blog. I am using 7.1 ver, so.. is there any way for me to add that line border?

Is that your website or an example? If it's not yours can you share your website URL?

that is an example, and this is my website url: https://tan-plane-xf73.squarespace.com

I am still designing it though, it looks messed up.

and also can you help me with the summary block title size? it is so small, I want that to be in the same size with subscribe section, or just tell me how to change the size pls, thank you.

I too would like to add a boarder around each individual blog post on the blog landing page. I want it to look similar to this layout, but I'm using a grid. https://newhaventa.org/news-and-events/

So ideally each blog, which will not have a photo, would be in a box. Is that possible?

On 10/20/2023 at 6:07 PM, fryclstrl said:

that is an example, and this is my website url: https://tan-plane-xf73.squarespace.com

 

You'll need to add and share a site wide password so I can see your website to be able to help.

also keen on this look

blog one:
https://turkey-decagon-5rfj.squarespace.com/articles

blog two
https://turkey-decagon-5rfj.squarespace.com/in-depth-articles

but I do not know how to frame them

On 10/28/2023 at 4:43 AM, ShortAngryViking said:

also keen on this look

blog one:
https://turkey-decagon-5rfj.squarespace.com/articles

blog two
https://turkey-decagon-5rfj.squarespace.com/in-depth-articles

but I do not know how to frame them

 

For some reason I can't right click within your website so can't check.... Try this in your custom code?

.blog-basic-grid--container {
	border: 1px solid red; // change to colour you want
	padding: 2rem; // change to how much spacing you want all around
	padding-bottom: 2.5rem; // change to how much spacing you want at the bottom
}

@melody495 Thank you. Works a treat

"Solution"

@ShortAngryViking You're very welcome. glad it worked for you!

@fryclstrl  if you still needed help with this. 

On 10/29/2023 at 11:53 AM, melody495 said:

 

For some reason I can't right click within your website so can't check.... Try this in your custom code?

.blog-basic-grid--container {
	border: 1px solid red; // change to colour you want
	padding: 2rem; // change to how much spacing you want all around
	padding-bottom: 2.5rem; // change to how much spacing you want at the bottom
}

 

Hey @melody495 do you know the selector for the alternating side by side blog layout? I'd like to do this too but for a different layout. Thanks! 

31 minutes ago, Matthew26 said:

Hey @melody495 do you know the selector for the alternating side by side blog layout? I'd like to do this too but for a different layout. Thanks! 

Nevermind! Found it 🙂  .blog-alternating-side-by-side .blog-item