Removing white space/padding between blog title & sections

[ryleesherrer]

Hi! I’m using the Prestige theme, and I’ve tried just about every code I could find in previous posts about removing space between widgets with no avail. There is an excessive amount of space between the title & first rich text w/ image widget, and then again between the text sections and the “shop now” widget. It’s the most noticeable on mobile, which is how our audience mostly views our site.

Any help is appreciated! Here’s photos for reference.

[made4Uo]

Hi @ryleesherrer

Please share your website so we can provide a code appropriate for you

[ryleesherrer]

Here’s the direct link to the blog page!

https://carterscollective.com/blogs/news/carters-for-a-cause

And our general URL

https://carterscollective.com

[made4Uo]

Hi @ryleesherrer

Please first check your theme editor if there is an option for you to remove the spaces. If not, please follow the instructions below.

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the theme.css file
3. At very end of the code, add the code below

@media only screen and (max-width: 750px) {
    #shopify-section-template--17648367206706__main .Article__Wrapper {
    margin-bottom: 0;
}

.shopify-section:not(#shopify-section-template--17648367206706__f579fd3b-aac6-4315-b8b2-3b8f5ec7cb18) .FeatureText__ContentWrapper {
    padding-top: 0;
}

#shopify-section-template--17648367206706__shop-now section.Section.Section--spacingLarge {
    margin-top: 50px;
    margin-bottom: 50px;
}

.SectionHeader__Description.Rte {
    margin-top: 0;
}
}

[Void1]

Hi
We have the same issue with the prestige theme and cant find a working solution?
The website link is: voidshops.com

the area with the black scratch is the area we want to remove

If you can adjust the code to our website it will be highly appreciated
Thank you