Reduce White Space on pages Streamline Theme

Store Design
1

Hi,

How can I eliminate all of the white space between my page title and the first hero image element on this page? https://www.sundayschoolplanet.com/pages/2022-2023-scope-sequence

Thank you!

2

Hi,

You can add the following code at the bottom of file assets/theme.css

#shopify-section-template--15458772779185__main .section-header {
  margin-bottom: 0;
}

#shopify-section-template--15458772779185__main .rte--nomargin {
  display: none;
}
3

Thank you for the quick reply! I pasted your code at the very bottom of my theme.css.liquid file but it didn’t seem to make any difference in the spacing. Was that the right place to put it?

4

Hi @BigFundamental

I can not see my code in your store.

Can you try putting the code in the CSS file, not liquid file?

5

Hmmm, I don’t seem to have that option in my list of assets - this is all I have to choose from:

Screen Shot 2022-04-21 at 12.35.24 PM.png
Screen Shot 2022-04-21 at 12.35.24 PM.png558×796 42.6 KB

6

Hi,

You can try paste the code into the simplee.css file

7

Oh are you sure? My theme is “Streamline”. Simplee is just third party app that I added to the store and all the code seems to be related to the app?

8

@BigFundamental

Ah got it. Maybe you can try our free app https://apps.shopify.com/advanced-custom-css to add custom CSS to your store.

9

Ok thanks for your help!