remove blank space where sidebar was

Question

I have been working on a website using WordPress http://1stgoringheath.org.uk/, there are some pages that I didn't want to have the sidebar on, so I made a template and removed get_sidebar

Now I have just a blank area where the sidebar was, which I want to remove and allow the main content div fill the space.

The pictures below show the empty space

With Sidebar

Without Sidebar

How can I fill the empty space where the sidebar was?

Thanks

Links to page.php and style.css are below https://drive.google.com/file/d/1aVTgmO9uuJtbXlofDeS-bDSxsRawj2vd/view?usp=sharing https://drive.google.com/file/d/1pV6OW5b0WlipUrs0fAWZAXBcLoR1_n14/view?usp=sharing

Answer 1

You may add this code to your custom CSS :

.page-template-pageWithOutSidebar .entry-header, .page-template-pageWithOutSidebar .entry-content {
    padding-right: 0;
}

Answer 2

Within the parent container of the section whose left margin has to be removed add a class= "row ", and then in the child div element class = "col - * - 12"; , and then put * as md or sm or anything as required.

Answer 3

You can only remove the blank space by editing the custom css. First you need to be working on a Child's theme to ensure your theme's update do not reverse your changes. Then find the main class and set the width to 100%. A link to your website can help us give you further assistance