How do I remove side padding?

Hello everyone, I have used my google foo and searched on here and all I can find are ways to remove the top and bottom padding. So, on my page, the slider and heading are full width but when you scroll down, my content is centered with “white space” (background colored gray) and I want to have the page itself be full width (and sitll have my sidebar with widgets.

Here is my link: https://averagejoefinances.com

Thanks in advance.

Hi,

Try enabling the Front Page template. And let me know whether it works for you or not.

Regards,
Kharis
aThemes Support

Will that only change the front page? Because I want this to apply to all pages. Going to try now.

Just checked, it is already set to Front Page.

Hi,

Thank you for getting back.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .page-wrap {
      background-color: #fff;
    }

Regards,
Kharis
aThemes Support

All that does is remove the color. I am trying to get the content to be full width.

Try adding this CSS code:

    @media only screen and (min-width: 768px) {
      .page-wrap > .content-wrapper.container {
        width: 100%;
      }
    }

Regards,
Kharis
aThemes Support

That was exactly it, thanks!!!

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support