Remove blank space between a top/bottom separator

[tharr1s]

Hello,

I would like to remove the blank spaces from the top/bottom angle separator from this site: https://www.tharr1s.com.

Any help you can provide is appreciated!

[jumar]

Hello @tharr1s,

Thanks for writing in!

If you are referring to the footer of your site:

This is the top footer or Footer Widget Areas. You can remove the space here by disabling that under X > Launch > Theme Options > Footer.

If this isn’t what you’re referring to, may we a screenshot of this issue?

Thank you!

[tharr1s]

Thank you for responding!

No, it’s not the footer that I’m looking at, it’s around the section breaks. Here are a couple of screen shots:

In this one, see with the angle-in on the bottom, it has a thin blank line that shows the background (in this case it’s just the white).

In this example, for some reason it shows the thin line on the top angle-in, but not on the bottom.

Thanks again for any help!

[jumar]

Hello there,

For some instance, the thin lines doesn’t show on my end, but if you try to zoom out the page, the lines appear.

I can say that this might be due to the different browser/screen resolutions each of us have.

Fortunately, we have a fix for this.

For the blue background section which you added the Angle In, go to the Customize tab and follow the Margin settings below:

For the green background section, go to its Customize tab and add greenbg-angle class:

Then kindly add the CSS code below to X > Launch > Options > CSS:

.greenbg-angle .x-separator-top-angle-in {
    top: 1px !important;
}

.greenbg-angle .x-separator-bottom-angle-in {
    bottom: 1px !important;
}

This fix is applicable for bottom angle-in as well, just in case the white line shows on other visitors screen.

Hope it helps.