Section border issue

Site URL: https://grape-halibut-xsjk.squarespace.com/

Hi folks,

I'm looking for some help locating an issue. 

Site: https://grape-halibut-xsjk.squarespace.com/

PW: circle

I am customizing some sections on the homepage of a client's site by reducing the width of a section image background.

There are some weird borders showing up between the section which I am trying to locate and get rid of. I can't find anything though that's causing it, so I assume it's the code. 

The code I've used for the 2 sections is:

section[data-section-id="612b517f123966413388c1b9"] .section-background {
  width: 40%; 
  left: 60%;
  top:10%
}


section[data-section-id="612b5351656dee1f45969604"] .section-background {
  width: 40%; 
  right: 60%;
  top:10%
}

Thank you for any leads.

@tuanphan Do you have an idea what could be the issue?

remove top: 10%; from this code

section[data-section-id="612b5351656dee1f45969604"] .section-background {
  width: 40%; 
  right: 60%;
  top:10%
}

then add this

[data-section-id="612b5351656dee1f45969604"] .content-wrapper {
    padding-top: 0 !important;
}

Hi @tuanphan, thanks for this. I removed and added the suggested code but the line is still there. Any other idea what could cause it? 

https://grape-halibut-xsjk.squarespace.com/

PW: circle

On 9/2/2021 at 5:37 AM, MariaFY said:

Hi @tuanphan, thanks for this. I removed and added the suggested code but the line is still there. Any other idea what could cause it? 

 

https://grape-halibut-xsjk.squarespace.com/

PW: circle

Hi,

It looks like you removed images? I don't see it now