How can I remove the shopify sidebar on the blog post page only

[CW5]

We want the sidebar removed only on the blog post page while keep it for other pages.

We had tried the option of adding the following code in theme.scss.liquid file but that is not working

.blog_sidebar_part {
display: none !important;
} 

Any suggestions?

[CW5 · Accepted solution]

Perfect! Thanks very much @GemPages .

[GemPages]

Hello @CW5 

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

[CW5]

https://curatedwines.sg/

[KetanKumar]

@CW5 

yes, please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/includes.css ->paste below code at the bottom of the file.

.template-blog .normal-sidebar {
    display: none;
}
.template-blog .normal_main_content.col-md-9 {
    width: 100%;
}

[CW5]

Dear Ketan Kumar,

Thanks for your input. I did what you said. While the sidebar has been removed from the Blogs index page that you have shared a screenshot, the sidebar on the individual blog post page is still there.

[CW5 · Accepted solution]

Ok, this worked. Thanks @KetanKumar  for all your assistance. Cheers!

[GemPages]

Hello @CW5 ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

  <style>
     .col-md-3.normal-sidebar.sidebar_content {
        display: none !important;
      }  
      .normal_main_content.col-md-9 {
          width: 100% !important;
      }
    </style>

  <style>
     .col-md-3.normal-sidebar.sidebar_content {
        display: none !important;
      }  
      .normal_main_content.col-md-9 {
          width: 100% !important;
      }
    </style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[CW5 · Accepted solution]

Perfect! Thanks very much @GemPages .

[CW5]

Sorry, I spoke too soon. While it removed the sidebar from the Blog pages, it also removed the sidebar from all other pages, like Product page, Collections page etc. That is NOT what i want. So this is not an accepted solution.

[KetanKumar]

@CW5 

yes, please add this code

.template-article .normal-sidebar {
    display: none;
}
.template-article .normal_main_content.col-md-9 {
    width: 100%;
}