Remove Sidebar from Service Page

I’d like to know if it’s possible to completely remove the sidebar from a page that is using the Single Service template. I am able to do it by changing the page template but then this interferes with the Services widget.

Hello there,

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

    .page.page-template-single-service #primary.content-area {
      width: 100%;
    }
    .page.page-template-single-service #secondary.widget-area {
      display: none;
    }

Regards,
Kharis
aThemes Support

This worked great, thank you, if I were to colour the background of the service page how would I do it?

I’ve tried adding background-color: #242a30 to the CSS you’ve sent me but it doens’t work.

Hello there,

Try this code:

    .page.page-template-single-service {
      background-color: #ff0000;
    }

Regards,
Kharis
aThemes Support