Fix padding between sections on home page

Store Design
1

I have edited the code to have a background colour for a section on my homepage. Only issue is there is now padding between the following section which is an image banner so it looks like an error. Can anyone assist?

Screen Shot 2022-02-11 at 12.33.15 pm.png
Screen Shot 2022-02-11 at 12.33.15 pm.png2196×1194 357 KB

2

@web-designer1

do you need reduce spacing or removed all section spacing

3

I want there two be no spacing here, and the two sections touching eachother.

4

@web-designer1

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.index-section {
    padding-top: 10px;
    padding-bottom: 10px;
}
5

@web-designer1

Please Add this CSS to your css file

div#shopify-section-1644533245661eb5e5, div#shopify-section-hero-2 {
    padding: 0 !important;
}

Thank You!

6

NEither of those solutions are working there is still an blank area inbetween both sections

7

@web-designer1

yes, please share us