How to fix rich text padding in Narrative Theme?

Store Design
1

Hello,
Can somebody kindly assist me in fixing the padding between my rich text and collections on my home page.
The spacing is huge. I have tried to follow instructions on similar questions pasting: @media only screen and (min-width: 750px){
.hero–medium .hero__inner {
padding: 140px 0 50px 0;
}
.collection-list {
padding: 0 0 50px 0;
}
}

etc into the code but I am having no luck.
My URL is www.walkalloverme.com.au

Thank you.

2

@walkalloverme ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss and paste this at the bottom of the file:
div#shopify-section-1583842550947 .rich-text{
    padding-bottom:0px !important;
}

Thanks!

3

@walkalloverme

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

div#shopify-section-1583842550947 .rich-text {
  padding-bottom: 0px !important;
}
div#shopify-section-1583842550947 .collection-list {
  padding-top: 50px !important;
}
4

Hi @walkalloverme

You would need to add the following:

.rich-text {
  padding-bottom: 0 !important;
}
.collection-list {
  padding-top: 50px !important;
}