Change blog post page layout

• 

  saraelisa11 · Member · Feb 28, 2015 at 9:03 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I am using the blog (rather than creating many different pages) as our “Insights” page (it’s like our blog and news page). However, I cannot seem to find a way to customize the page layout. I found how to hide the author and date using CSS, but what I really want is to remove the left-hand column altogether and center all of the main text across the page. I am using the Basis theme. Can anyone help??

  Thank you,
  Sara

  The blog I need help with is: (visible only to logged in users)

• 

  lorelle · Member · Mar 1, 2015 at 2:02 am

  • Copy link

  The design of the site is based upon the WordPress Theme you selected and, if you choose the option for the CSS Extra customization, using CSS to modify the Theme to your specifications.

  You are asking for a major overhaul of the Page design, which requires extensive familiarity with CSS. Have you tried other Themes to find if there is something that will work for you?

  To not display a sidebar requires setting the sidebar to display, but also changing the width of the main content area to suit your needs. It can be done, but it will take some work.

• 

  saraelisa11 · Member · Mar 1, 2015 at 5:09 pm

  • Copy link

  I have already chosen my theme and configured my entire website, so I am not in a place to choose another theme. The only part I cannot figure out is the blog posting page. I have tried setting the min width to a larger size, but it just pushes out to the right rather than centering. I try to put extra padding to the right and it just pushes the text down rather than moving the whole element to the right. I am starting to think this either requires a tricky maneuver or that WP has disabled the ability to overwrite their page layout on the blog entirely. Thoughts on that?

• 

  thesacredpath · Member · Mar 3, 2015 at 3:23 pm

  • Copy link

  Hi there, the following “hides” the divs that would normally be to the left of the posts, and then widens the content to full width on the blog, archive and single post pages.

  .single .post-header, .post-header-fullwidth {
      display: none;
  }
  .single .entry, .blog .entry, .archive .entry {
      width: 100%;
  }

• 

  saraelisa11 · Member · Mar 3, 2015 at 3:33 pm

  • Copy link

  thesacredpath – You are my hero! Thanks so much, this worked like a charm.

• 

  thesacredpath · Member · Mar 5, 2015 at 5:32 pm

  • Copy link

  You are welcome.