Make Single Posts Full Width

  • Hi there! Can you help me remove the sidebar on single posts so that the main content takes up the full width of the blog? (Full width of JUST the blog, not spanning accross the entire screen, but fitting centered under my menu and logo).

    I figured out how to remove my about me widget on each post using Display Widget plugin, which worked perfectly, except now there’s just a blank side bar and my main content for my post is still aligned to the right. I want to get rid of that sidebar altogether!
    Thank you!

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

  • Hello!

    Try adding this

    @media (min-width: 992px) {
	.single-post #site-content > .row > .col-md-4 {
		display:none;
	}
	.single-post #site-content > .row > .col-md-8 {
		margin-left: 16.66666667%;
	}
}

    In the “Additional CSS” box under Customize. That should do the trick.

    Thread Starter americanfille

    (@americanfille)

    that worked, thank you so much!!

    Thread Starter americanfille

    (@americanfille)

    Do you know how to make it wider though? It removed the side part but is it possible to make the overall text portion a bit wider?

    Hi there @americanfille
    you can replace this previous css rules with

    @media (min-width: 992px) {
    .single-post #site-content > .row > .col-md-4 {
        display: none;
    }
   .single-post #site-content > .row > .col-md-8 {
        width: 90%;
        margin: auto;
        float: none;
    }
}

    You will notice that your featured image size in your single post stays the same though.
    If you are using a featured image you will need to open functions.php and change
    set_post_thumbnail_size( 665, 435, true );
    665 value to a larger one (1120 for instance). Then install the Regenerate thumbnails plugin, activate it and go to Tools -> Regen. Thumbnails to run a regeneration in order for the change to be applied.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Make Single Posts Full Width’ is closed to new replies.