List / Autolayout sections - reduce horizontal width and spacing between elements.

Site URL: https://llama-hyperboloid-hbee.squarespace.com/what-we-do

Is there a way to have a simple list section not span the whole width of a page and have a smaller gap between the elements. I also want to reduce the overall width of the section with larger margins on the sides. Is this possible in the list section? 

Any help would be appreciated!

Add to Design > Custom CSS

/* List item spacing */
.user-items-list-item-container[data-section-id="623e22c6f0704f75502483a4"] .list-item-content__text-wrapper>* {
    max-width: 90% !important;
}

Thanks, but this isn't quite right. Playing around with the max-width percentage, this seems to only affect the width of each text column. Is there a way to also reduce the overall width of the list section? The goal is to get each of the 5 text items to line up with the 5 icons in the graphic above. 

Thanks!

Hey @GLCsolutions

Did you ever find a fix for reducing the width of the section? 🙂

On 4/4/2022 at 11:50 PM, GLCsolutions said:

Thanks, but this isn't quite right. Playing around with the max-width percentage, this seems to only affect the width of each text column. Is there a way to also reduce the overall width of the list section? The goal is to get each of the 5 text items to line up with the 5 icons in the graphic above. 

Thanks!

Use some code like this

.user-items-list-item-container[data-section-id="623e22c6f0704f75502483a4"] {
    max-width: 900px;
}