Jump to content

Have equal space with list item title and description

Recommended Posts

Posted

https://spinach-garlic-mbfs.squarespace.com/home the password is 1234

 

Hi! is there a way to make these boxes so they are all the same height? as well as have equal spacing between the title and paragraph text, and the learn more to be on the same level in the bottom left hand corner?

 

here is the current code: 

section[data-section-id="665739d0af1cd84f47fa1022"]
.list-item {
    border: 1px solid #f05104;
      padding-top: 50px;
    padding-bottom: 50px;
  }}
section[data-section-id="665739d0af1cd84f47fa1022"]
.user-items-list-carousel .list-item-content__title {
    color: #f05104;
  padding-bottom: 30px;
  text-transform: uppercase;
}

image.thumb.png.9f176a7fefc4c6c1cfd0c6c99f3c0434.png

  • Replies 1
  • Views 901
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted

@LindsEli You can make the boxes in an auto layout (list) section the same height by navigating to Edit Content > Design > Size & Space. Scroll to the bottom, and you'll find an option under Position to make each item the same height. See the screenshot:

 

Screenshot 4.png

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.