[GAZETTE] Post Margins and Sidebar Size

  • Unknown's avatar
    elysiumprojectmain · Member ·

    Hey there,

    The posts themselves have insanely narrow margins. The text gets squeezed into one narrow column and I found a kind of fix. The fix, however, also gets rid of the sidebar.

    My question is this: Is there a way to increase the post margins without impacting the sidebar? The CSS being used currently is

    /* Make content column full-width on
    single posts, and remove sidebar border */
    .single .site-main {
    width: 100%;
    border: none;
    }

    /* Make post content full width on
    single posts */
    .single .entry-content {
    width: 100%;
    }

  • kokkieh · Staff ·

    Hi there,

    By making the content column 100% of the site’s width, you’re not leaving any space for the sidebar. That’s why it gets pushed to the bottom.

    Try this instead:

    @media screen and (min-width: 1080px) {
	div#secondary.widget-area {
		padding-left: 20px;
		width: 216px;
		border: none
	}
	main#main.site-main {
		padding-right: 20px;
		border: none;
		width: 745px;
	}
}

    That reduces the padding for both the content and widget areas by 20px each, while making the content area 40px wider, and the sidebar 40px narrower. You can play around with those values until it looks the way you want.

  • The topic ‘[GAZETTE] Post Margins and Sidebar Size’ is closed to new replies.