Background strips visible on loading and at bottom of page

Hello, you have added the red color to the body of this page with Elementor, edit your page with Eelmentor and remove the red color from this page.
I see no horizontal scroll but you can try this css code:

body {
    overflow-x: hidden;
}

Hi, I had Elementor’s color pallete disabled so my website inherits the theme’s colors, but I don’t see any red selected in my theme’s colors, so where could it be coming from?

The horizontal scroll css trick did work to disable horizontal scrolling, however there is still a thin red line visible along the scroll-bar. How do I get rid of this?

Hi, I know for sure that you have added the red color via Elementor because I see this code:

body.elementor-page-153 {
    background-color: #f40000;
}

Check this doc: https://docs.elementor.com/article/193-page-settings
You probably added the red color from the page settings of Elementor.

As I said before, my page settings on Elementor are DISABLED. Take a look here :
https://ibb.co/jisF0n
https://ibb.co/fZShfn

Where is that CSS coming from and how can I fix it?

If you create a new page, do you have the red color?
I don’t know where you have added the red color, but it is not from the theme setting, as I see the background is white.
Can you create a pre-purchase ticket on oceanwp.org and create me an account? I will try to found where you is this red color.

I added a new page with WordPress and the background is blank. So it must be a problem specific to that home page. I created a pre-purchase question.

Thanks for your help.

Hi, problem fixed, I have just created a new page and imported your other page content, so you can use this new page and delete the one with the red background.