Making blog posts page single column

  • I am trying to modify the CSS to make the “posts” page which will be the blog of this site (https://mbcode.io) a single column. I have figured out how to make individual pages single column (https://mbcode.io/sample-page/) but the theme doesn’t allow for making the blog single column.

    I have removed the sidebar widgets as well as the PHP code calling for the sidebar in the header on the main index template. At this point, I’m trying to find out how to manipulate the CSS to not force 2 columns.

    Any help is appreciated!

Viewing 4 replies - 1 through 4 (of 4 total)

  • instead of hacking directly in style.css of the theme, consider to use a ‘custom CSS’ plugin to make changes to the formatting.
    or create a child theme if you also make changes to the template files.

    try this CSS:

    @media screen and (min-width: 48em) {
    .blog:not(.has-sidebar) #primary article 
    {
       width: 100%;
    }
}
    Thread Starter mbryantms

    (@mbryantms)

    Wow…you’re such a life saver! I’ve reverted all the changes to the main index template, style.css and other areas and included your CSS in the custom CSS area and it works.

    I’d been using Chrome’s DevTools inspector to try to find what CSS code to add and where to add it. I’ve spent a couple hours trying to find the right selector. Thank you for the help!

    @alchymyth thanks a lot for sharing that piece of code! I had a similar problem and that solved everything! ??

    since I am using 675x372px featured images size, I modified that code just a bit

    {
       width: 75%;
    }

    and the visual result is stunning, especially with mobile phones in mind.

    hope this help someone else, and thanks again for sharing! ??

    thanx for all the input, but if I put the width at 75, 80 or 90% the page-title of the blog post page keeps sticking out to the left

    https://beenhakkers.nl/nieuws/

    • This reply was modified 8 years, 2 months ago by hansbeen.
    • This reply was modified 8 years, 2 months ago by hansbeen.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Making blog posts page single column’ is closed to new replies.

Tags