Typo Theme: How to center content

• 

  bcodom · Member · Mar 1, 2014 at 12:32 am

  • Copy link
  • Add topic to favorites

  Greetings, everyone!

  We’re having a bit of a challenge with the Typo theme with our site, http://www.sokolomahapolka.com.

  The big thing is trying to center the page content so that it looks better design-wise, rather than having a nice big white space on the left side of the page, and all of the text going from the center to the very right of the page.

  Any thoughts? Thanks!

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

• 

  designsimply · Member · Mar 1, 2014 at 3:31 pm

  • Copy link

  Try removing this from your custom CSS:

  table {
  	width: 900px;
  	float: center;
  	text-align: center;
  	vertical-align: center;
  }

  And add this instead:

  .hentry {
  	width: 960px;
  }

  You should also update the Content Width setting in the Appearance > Customize > CSS panel to match the width you set.

• 

  bcodom · Member · Mar 1, 2014 at 3:36 pm

  • Copy link

  Yep, that worked beautifully.

  Thank you!

• 

  designsimply · Member · Mar 1, 2014 at 3:41 pm

  • Copy link

  You’re welcome. :)