Border lines in Microsoft Edge Browser with angled sections

[nlwebdesign]

Project site: http://armadilloroofingco.com/

I am using angled section separators because this is a roofing company and it looks cool. However, Edge browser is showing border lines for each section. It looks terrible. Please help me remove any trace of border lines from sections.

Also, You’ll notice the video background section. If you scroll up and down, the dark overlay sometimes is offset and doesn’t cover the whole section. I’d like that to not happen. I used CSS for the overlay provided in these forums.

Thank you for the help.

[nico]

Hi @nlwebdesign,

Thanks for writing in.

I could not be able to see the lines on my side. Would you mind sharing a screenshot of the problem and the version of your edge browser.

Thank you so much.

[nlwebdesign]

Here you can see the section line, and the overlay being separated as I scroll.

[jumar]

Hello there,

You need to create a class for each of the section that has the line and add some CSS. Currently, you have three sections on your homepage that has this issue.

• 2 on white background
• 1 on red background

For the white background section that has the Bottom Angle In, go to its Customize tab and add white-bg-angle-01 class:

Then apply this steps to the remaining sections. You can have white-bg-angle-02 and red-bg-angle-01 classes.

Once done, kindly add the CSS code below to Pro > Theme Options > CSS:

.white-bg-angle-01 .x-separator-top-angle-in {
    top: 1px !important;
}
.red-bg-angle-01 .x-separator-top-angle-out {
    top: 1px !important;
}
.white-bg-angle-01 .x-separator-bottom-angle-in {
    bottom: 1px !important;
} 

Hope this helps.

[nlwebdesign]

Thank you. Is that addressing the overlay issue for the section with the background video? The overlay becomes misaligned as you scroll on Edge.

[jumar]

Hello there,

The solution would be for the section lines separated with their overlays on scroll issue.

Can you provide steps/screenshots/video recordings on where you seeing the misalignment?

Thank you.