Reduce vertical space in Debut theme sitewide

[greens150]

I'm trying to reduce the vertical spacing, looked up other Q&As, but additions to the assets don't seem to work.  Issue is sitewide.

Homepage: www.StThomas-Hotels.com 

List page:  https://stthomas-hotels.com/pages/st-thomas-hotels

Including other pages with other section types: https://stthomas-hotels.com/pages/st-thomas-beaches 

Many thanks in advance!

[Made4uo-Ribe]

Hi @greens150 

Do you mean make it all wider like this? 

If it is try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css, theme.scss.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

main#MainContent .page-width {
    max-width: 100%;
}

• And Save.

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[greens150]

Not wider, I'm looking to reduce the space vertically - as an example using the image above - the See Details link is the last line in the section above and Margaritaville and price are the 1st line of the next section. Overall I am using the custom-content.liquid and feature-columns.liquid files for these.

And many thanks, hopefully you or someone can help solve.

[Made4uo-Ribe]

Oh, that is not vertical. It horizontal. 

Like this right?

TRy this code. 

Same Instruction. 

@media only screen and (min-width: 750px) {
    .index-section {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

And Save. 

This is only CSS, so there's no need to add it to the Liquid code. You need to add it to the universal CSS file, not just a specific file, so it affects other sections and pages. YOu have file named theme.scss.css under asset folder. paste on the very last } bracket you see. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[greens150]

The file is actually theme.scss.liquid - so I assume I need to convert that to css first?  If so, how?  I did try pasting to the end of that .liquid file, but broke the page, so I undid it.  

Again, many thanks, and looking forward to this!