Formatting and Spacing Issues

Site URL: http://danceforlife.info

"2022 Event" page has three formatting and spacing questions.

1. How can I reduce the space between the paragraph of text at the top of the page and the headline "Performing Companies that follows it? See A.

2. In the second section, "Performing Companies," is it possible to increase the space between each row of companies (i.e., pictures and companies). See B.

3. Is it possible to move the seventh company to center position rather than flush left? See C.

#1. Add to Design > Custom CSS

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

#2. Use this CSS

.user-items-list-item-container[data-section-id="61e4ef7aa9f4220fee69f007"] {
    grid-row-gap: 80px !important;
}

#3. Try this

@media screen and (min-width:992px) {
.user-items-list-item-container[data-section-id="61e4ef7aa9f4220fee69f007"] .list-item:last-child {
    position: relative;
    left: 100%;
}
}

Tuanphan:

Thank you very much. Those solved my issues perfectly. But I have a question even though I guess I know the answer. It appears that to fix each of these issues, custom code was needed. There wasn't something in the controls that I missed.

I guess I'm surprised that these required custom code—especially the first two—since those sort of spacing changes seem fairly basic. (But it is, what it is.)

Thanks again.

1 is default list padding, I think no option to adjust it in Site Styles