The "no sidebar" option is not working on posts

I’m trying to create a post/landing page with no sidebar and no matter which option I choose where it says “select layout for this specific post only”, I always have a sidebar on the right. This makes no difference if the post is published or unpublished.

My website is wonderfilleddays.com.

Thank you.

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


/* fullwidth home page */
.home div#primary{
  width:100%;
}
.home div#secondary{
  display:none;
}

Best regards,
Support.

Thanks for the quick response.
Just to be clear, the post that I don’t want the side bar on is not the home page. Will this still work?

Hey there,

If its just the posts use this instead.

/* fullwidth home page */
.single div#primary{
  width:100%;
}
.single img.thumbnail.wp-post-image {
    margin: 0 auto;
}
.single div#secondary{
  display:none;
}

Best regards,
Support.

That worked great, but it removed the sidebar from all my posts. I only want to remove the sidebar from one specific post. Is there a way to do that?

Yes you’ll need use the post ID as the selector.
You could tell me which post you’d like to use.

You can also do this your self, here’s the code with the post ID from one of your blog articles, http://wonderfilleddays.com/january-nature-day-day-calendar/ All you’d have to do is change the number 2981 to the post title of the one you want it applied to.

Here’s how to find post ID number: How to Find Your WordPress Page ID and Post ID (And What You Can Do With Them) | Elegant Themes Blog

/* fullwidth home page */
.postid-2981 div#primary{
width:100%;
}
.postid-2981img.thumbnail.wp-post-image {
margin: 0 auto;
}
.postid-2981 div#secondary{
display:none;
}

Best Regards,
Support

That worked perfectly. Thank you so much. Support for this theme is amazing.

Do you have an easy fix to remove the slider for just one post? I’m using a custom child theme, so the slider appears on every page.

Hey there,

I’d be happy to help, can you send the URL to the page you’re referring to.

Best regards,
Support.

Here it is.

Hey there,

Here’s the CSS that will remove the slider form that page only.

/remove slider from Printable United States History Games/
.postid-2994 .top-section {
display: none !important;
}

Best regards,
Support

Thank you!
That worked perfectly.

Hey there,

Happy to help. Please let us know if there’s anything else we can assist you with.

Best regards,
Support.