Reducing padding/hero size on Streamline Theme

How do I reduce padding between elements on Streamline? I find that the padding is very thick on the desktop version hence it doesn’t look visually appealing. I attached a screenshot of a rich text section. I also find the hero size to be overly large and nothing happens even if I resize it. How do I fix this?

Hoping you could help me!

Hello @jnlimon ,

Please share:

  • your store URL;
  • page URL with the issue you mention;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

1 Like

Hi Diego @diego_ezfy thanks for responding. Here it is: https://0aueht8i0vilro2h-52398850235.shopifypreview.com

I’m concerned about the homepage. Thank you!

hello @jnlimon

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 769px){
#shopify-section-template--15142759727291__163304620708b3f227 .index-section {
        margin: 50px 0px;
}
}

Hi there,

Can you please support to add padding between section A & B? I added two sections on the about us page and I need a bit of white space between them. Please note this isn’t the home page.