Decrease Space Above and Below List Carousel Section

Site URL: https://www.friendsofrecoveryneo.com/newsletters-1

I added a list carousel section to a page but there is a lot of empty space above it (and some below it) that I can't seem to remove.  I don't see the usual option for adjusting the secion height.  Am I missing it somewhere or can it be done by custom css?  Thank you.

On 2/8/2022 at 2:50 AM, FORNEO said:

Site URL: https://www.friendsofrecoveryneo.com/newsletters-1

I added a list carousel section to a page but there is a lot of empty space above it (and some below it) that I can't seem to remove.  I don't see the usual option for adjusting the secion height.  Am I missing it somewhere or can it be done by custom css?  Thank you.

Add to Design > Custom CSS

.user-items-list {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

Any idea on MOBILE how to reduce the spacing between the list section carousel buttons and the main body??

https://jeanine-thompson.squarespace.com/book-release

And also to reduce the space between these two sections??

p.s. Have to add, it's just super painful and tedious on Squarespace to basically have to code EVERYTHING on mobile to make it look good...!!!!!

On 7/28/2022 at 2:52 PM, Iwan said:

Any idea on MOBILE how to reduce the spacing between the list section carousel buttons and the main body??

https://jeanine-thompson.squarespace.com/book-release

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="62e11d1e6bb68f266afd9d59"] {
 .user-items-list {
    min-height: unset !important;
}
.mobile-arrows {
    position: relative;
    top: -100px;
}
}}

I'm having the same issue with the user-item-list at https://www.kaying.co/.

How can I decrease the padding and margins around the title and item container in mobile?

On 9/1/2022 at 11:36 AM, christinavang said:

I'm having the same issue with the user-item-list at https://www.kaying.co/.

How can I decrease the padding and margins around the title and item container in mobile?

I see you still haven't solved problem, you can use this code to Website Tools > Custom CSS

@media screen and (max-width:767px) {
    .user-items-list-item-container[data-section-id="630840dee09ff2184d7b9936"] {
        ul {
        min-height: unset !important;
    }
        h2.list-item-content__title {
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.slide-content.list-item-card-background {
    margin: 0px !important;
}}}