center post titles

• 

  3delamadrugada · Member · Dec 30, 2014 at 12:26 pm

  • Copy link
  • Add topic to favorites

  hi there!

  in this page, i am able to center-justify the text, but not to place it in the center of the page:

  http://eccecello.com/#slide-2

  i am using this:

  ´.entry-title, .site-content .entry-meta {
  text-align: center !important;
  }´

  what is missing to center the whole thing in the middle?

  thanks a lot!

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

• 

  3delamadrugada · Member · Dec 30, 2014 at 12:34 pm

  • Copy link

  i would also like to center the widgets and title of this page also:

  http://eccecello.com/#slide-4

• 

  jami0821 · Member · Dec 30, 2014 at 1:06 pm

  • Copy link

  Change this:

  #news-section .entry-header {
      float: left;
      text-align: left;
      width: 70%;
  }

  To this:

  #news-section .entry-header {
      padding: 0;
  }

• 

  jami0821 · Member · Dec 30, 2014 at 1:11 pm

  • Copy link

  For the widgets:

  #para-template #slide-4 .hsContent .widget-area {
      margin:  0 auto;
      display: table;
  }
  #slide-4 .widget {
      padding-right: 1em;
  }

• 

  3delamadrugada · Member · Dec 30, 2014 at 1:41 pm

  • Copy link

  thanks a lot for your response,

  but, as you can see in the widgets area, the widgets did get more close to each other, but didn’t center in the page…

  and for the other thing, you told me to change this:

  ´#news-section .entry-header {
  float: left;
  text-align: left;
  width: 70%;
  }´

  but i don’t have such a code!

  after puting this one:

  `#news-section .entry-header {
  padding: 0;
  }´

  nogthing changed… :(

• 

  3delamadrugada · Member · Dec 30, 2014 at 2:41 pm

  • Copy link

  i got it!

  i used this:

  #slide-2 .entry-header {
  	float: center;
  	width: 100%;
  	padding-right: 11em;
  	padding-left: 11em;
  }

  thanks a lot for your help anyway.

• 

  jami0821 · Member · Dec 30, 2014 at 2:42 pm

  • Copy link

  Your theme might have another stylesheet that’s affecting it. This should do it:

  #news-section .entry-header {
      float: none;
      text-align: center;
      width: 100%;
  }

  As for centering the widgets in your Listen section, it looks like they’ve centered to me:

  http://d.pr/i/18AQA

• 

  3delamadrugada · Member · Dec 30, 2014 at 2:56 pm

  • Copy link

  thanks for your time!

  the widgets, depending on the browser, they look different, but always a little bit to the left. that’s ok, i can live with it :)

  but with your css or mine, the http://eccecello.com/#slide-2 page now made all paragraphs get very far away from each other.

  what can be done to solve this? to have the 3 paragraphs as they were before, close to each other?

• 

  3delamadrugada · Member · Dec 30, 2014 at 4:16 pm

  • Copy link

  ok, now it seems to work, but i’d like to have the text not so spread all along the page. but a little bit more centered. but i don’t get it using padding-left or right…

  i seems only the “width: 100%” tag works.

  how can i reduce the width of the text, but keeping it always centered??

• 

  3delamadrugada · Member · Dec 30, 2014 at 4:23 pm

  • Copy link

  okey!

  i was using “margin-left” instead of “padding…”
  so now everything seems to work properly.

  thanks a lot!

• 

  jami0821 · Member · Dec 30, 2014 at 7:04 pm

  • Copy link

  Glad you were able to get it sorted out! :)