Jump to content

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

Recommended Posts

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

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
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.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
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
}

 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

Link to comment

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

 

@fryclstrl  if you still needed help with this. 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

Link to comment
  • 1 month later...
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! 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.