Remove "page" background on site

I’m currently setting up your theme on my site (in maintenance mode so a link would be useless) and am using Elementor to build a homepage.

I can add full-width elements and the page looks fine, however, I’m unable to remove the white background that crops out.

I’ve changed the page background to white although a visible line is present where the “page” exists. How can I remove this?

This also appears next to the footer as well. I’ve tried using

    .page-template-page_fullwidth .site-content > .container {
        width: 100%;
    }

Although it hasn’t worked. How can I remove it?

Thanks,
Jake

Hi Jake,

Thank you for contacting us.

If I understood correctly, you would add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-main .hentry,
    .widget-area .widget,
    #primary, #secondary, 
    .site-content > .container {
    	 background-color: transparent;
    }

    .site-main .hentry, 
    .widget-area .widget,
    .site-content > .container {
    	 border: none;
    }

I hope this reply helps.

Regards,
Kharis
aThemes Support