I am making a blog post full of images and selecting the “Full-Width” template for the post, and I want just the content to be the full-width of the page.
I’ve been able to use
body.single-post #main.container {
width: 100%;
}
to achieve the desired result, but this also changes the width of my menu items, featured image, post title, comments, author section, etc. I only want to change the width of the post content itself, and leave everything else the way it is. How can I narrow down the CSS selector to do this?