Jump to content

Charging Card size to be the same size in a Simple List

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://aargo-environmental-tools.squarespace.com/

On the home page I created a simple list. Then turned on the Card style. Is there a way to set these "cards" to be the same size? The column size is good. The vertical changes based on the amount of text and I'd like to set it to a card with the larger size, so less text will result in the same card size with some space between the text and the button. See screen grab. Site password is -    thrive

Thank you,

Scott

Aargo_Environmental_Tools_-_dustless_material_removal_tools_-_pneumatic_and_electric-2.png

Link to comment
  • Replies 6
  • Views 2.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Add to Design > Custom CSS

.user-items-list-item-container[data-section-id="61de001c17cc1f3c83da00e3"] {
@media screen and (min-width:992px) {
.list-item-content__description {
    min-height: 150px;
}
}
@media screen and (max-width:991px) and (min-width:768px) {
.list-item-content__description {
    min-height: 180px;
}
}}

Do you need to shrink header on scroll?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
6 hours ago, indy said:

Great! This works. Thank you. Shrinking the header is awesome. Can you share? Thank you!

Just realized the top banner is an image, there is no way to handle this.

If you use a Business Plan or higher, we can give another code to add top banner (logo + phone number clickable)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Thanks @tuanphan. That top image has been a challenge for me and the client really wants it. It will be a Business plan. I'd love to know how to add the top banner with the logo and phone number being clickable. But would I lose the texture they want behind it?

Thank you!

Link to comment
  • 1 year later...
On 1/19/2022 at 10:25 PM, indy said:

Site URL: https://aargo-environmental-tools.squarespace.com/

On the home page I created a simple list. Then turned on the Card style. Is there a way to set these "cards" to be the same size? The column size is good. The vertical changes based on the amount of text and I'd like to set it to a card with the larger size, so less text will result in the same card size with some space between the text and the button. See screen grab. Site password is -    thrive

Thank you,

Scott

Aargo_Environmental_Tools_-_dustless_material_removal_tools_-_pneumatic_and_electric-2.png

I had the same problem on my blog and your thread helped me too. Thanks

Link to comment
On 1/28/2022 at 7:00 PM, indy said:

Thanks @tuanphan. That top image has been a challenge for me and the client really wants it. It will be a Business plan. I'd love to know how to add the top banner with the logo and phone number being clickable. But would I lose the texture they want behind it?

Thank you!

Missed this comment, if you need help anytime, just let me know, I will give the guide

On 1/4/2024 at 7:51 PM, HarryShobi said:

I had the same problem on my blog and your thread helped me too. Thanks

You can share link to your blog, I can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.