Need to center page titles vertically between lines

• 

  charlesdibisceglie · Member · Sep 8, 2014 at 12:26 pm

  • Copy link
  • Add topic to favorites

  Looking for help with CSS to center page titles vertically between the two horizontal lines in the Hero theme.

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

• 

  hallluke · Member · Sep 8, 2014 at 1:07 pm

  • Copy link

  The title here isn’t centred because of the margin and padding on some of the other elements, this will remove the 30px extra spacing so that the title area is shorted, but the text is in the centre vertically:

  #masthead {
    margin-bottom:0;
  }
  
  #content {
    padding-top:0;
  }

  Or alternatively you could add that 30px to the bottom of the header to make it taller but centred:

  header.entry-header {
    padding-bottom:30px;
  }

• 

  charlesdibisceglie · Member · Sep 8, 2014 at 3:43 pm

  • Copy link

  Thank you so much! That was was exactly what I was looking for.