How to a create a simple card structure?

How do I make a simple three card setup to show services? With a right, middle, and left card? I've searched online and on here and I can't find any guidance on how to add cards, which is pretty foundational in web design.

Hi,

Do you have an example or demo? Or just 3 boxes left middle right? You can use List Section

Was there ever resolution to this?  I, too, am struggling with putting something like this together. The trouble with the summary sections is they require you to link that information to somewhere else on your site. I just want 3 rectangular floating cards that highlight information about the product or service on the page. 

I used rectangle shapes with drop shadow and added text over the rectangles, but on certain browsers everything appears awful, honestly.  Even the screen shot that I've attached looked better on my ginormous display than it does right now on my laptop.  And don't get me started about how it appears on mobile at the moment 😄 

Would love any ideas on how to create something like this without summarizing a different page somewhere else on the site, since this is to just highlight certain aspects of what they're looking at on the page they're on. 

Thanks!

16 hours ago, RadiantMeatball said:

Was there ever resolution to this?  I, too, am struggling with putting something like this together. The trouble with the summary sections is they require you to link that information to somewhere else on your site. I just want 3 rectangular floating cards that highlight information about the product or service on the page. 

I used rectangle shapes with drop shadow and added text over the rectangles, but on certain browsers everything appears awful, honestly.  Even the screen shot that I've attached looked better on my ginormous display than it does right now on my laptop.  And don't get me started about how it appears on mobile at the moment 😄 

Would love any ideas on how to create something like this without summarizing a different page somewhere else on the site, since this is to just highlight certain aspects of what they're looking at on the page they're on. 

 

Thanks!

Have you tried List Section yet?

On 2/24/2023 at 10:05 PM, tuanphan said:

Have you tried List Section yet?

Is it possible to do the list section cards but without rounded borders?

14 hours ago, ashleemundywebsitede said:

Is it possible to do the list section cards but without rounded borders?

Yes. Possible. 

Hi, I'm currently having a similar issue - I'm currently using "simple list" to create the card feauture but as seen in the attached screenshot I can't replicate/implement the same look as shown in the design. The cards on the site are so far away and "fat". Is there a way to customize and fix this?

Also, for some reason I can't change the font family/style either - any advice on that?

On 4/20/2024 at 7:14 AM, PapaJoe said:

Hi, I'm currently having a similar issue - I'm currently using "simple list" to create the card feauture but as seen in the attached screenshot I can't replicate/implement the same look as shown in the design. The cards on the site are so far away and "fat". Is there a way to customize and fix this?

Also, for some reason I can't change the font family/style either - any advice on that?

Can you share link to page where you have problem? We can check easier

Yes.

Here's the link: https://trainingwithshirley.squarespace.com/

Password: train

16 hours ago, PapaJoe said:

Yes.

Here's the link: https://trainingwithshirley.squarespace.com/

Password: train

You mean make this

same this?

• round corners
• bold title
• decrease space between items
• change button background, color, text style

?

Yes, I want it to look exactly like that (the 2nd screenshot).

Thank you.