center my post in the homepage

• 

  bueben88 · Member · Jun 20, 2014 at 2:21 pm

  • Copy link
  • Add topic to favorites

  hi everyone i need help to set my post in the center of the page

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

• 

  bueben88 · Member · Jun 20, 2014 at 2:24 pm

  • Copy link

  i would like that the title of the post stay in one line in the center but i can’t find the right code

• 

  bueben88 · Member · Jun 20, 2014 at 2:34 pm

  • Copy link

  aslo the menu probably need to be centered

• 

  designsimply · Member · Jun 23, 2014 at 2:53 pm

  • Copy link

  hi everyone i need help to set my post in the center of the page

  I checked http://ortologo.com/ and it looks to me like the post container element is already centered on the page.

  Perhaps did you mean you want to center the title, such as the text that says “Se pianti una lampadina non cresce un idea” ?

  To center the post titles on the home page only in the Hemingway Rewritten theme, add this to your Appearance > Customize > CSS editor:

  .home .entry-title {
  	text-align: center;
  }

  To center post and page titles on pages other than the home page, remove the “.home” part of the selector from the example above.

  If you meant something different, reply back here and let me know. :)

• 

  designsimply · Member · Jun 23, 2014 at 2:57 pm

  • Copy link

  i would like that the title of the post stay in one line in the center but i can’t find the right code

  The title of the post may always fall to two lines if the screen size is small enough. I checked http://ortologo.com/ just now and it looks good to me on tablets and large screens but becomes two lines on very small screens like mobile devices. I think that’s a good way to setup the design.

  If you were working on a longer post title other than “Se pianti una lampadina non cresce un idea” please link to that example directly and also add a note about what screen widths you’re targeting.

• 

  designsimply · Member · Jun 23, 2014 at 3:07 pm

  • Copy link

  Try adding this to your Appearance > Customize > CSS editor to center the main menu elements in the Hemingway Rewritten theme:

  .main-navigation li {
  	text-align: left;
  }
  .main-navigation > div > ul {
  	text-align: center;
  }
  .main-navigation > div > ul > li {
  	float: none;
  	display: inline-block;
  }