Jump to content

People List item card background border length

Recommended Posts

Site URL: https://www.10peaks.ca/teachers-program

I used a people section to create a table for the workshop choices. I have been trying to customize the layout. Digging into the the list items is hard. With a lot of digging I have hacked away at the list item card adjusting spacing and such. 

This might not have been the best solution but it is working. If someone has a better idea let me know. 

I added a boarder to the card

/* Program page list item card background */
#collection-61e4bb242383a6347d546d45 .list-item[data-is-card-enabled="true"] {
  border-right:1px solid #512d4f
}

I would like the right borders to all be the same length. Is that possible? 

Thanks

 

Link to comment
32 minutes ago, chrisshaddock said:

Site URL: https://www.10peaks.ca/teachers-program

I used a people section to create a table for the workshop choices. I have been trying to customize the layout. Digging into the the list items is hard. With a lot of digging I have hacked away at the list item card adjusting spacing and such. 

This might not have been the best solution but it is working. If someone has a better idea let me know. 

I added a boarder to the card

/* Program page list item card background */
#collection-61e4bb242383a6347d546d45 .list-item[data-is-card-enabled="true"] {
  border-right:1px solid #512d4f
}

I would like the right borders to all be the same length. Is that possible? 

Thanks

 

Try adding to Home > Design > Custom Css

#collection-61e4bb242383a6347d546d45 .user-items-list-simple  > li{
  height: 100%;
}

Let me know how it works on your site

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. 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.