Smaller Page Titles

• 

  symphonyofthehills · Member · Dec 15, 2014 at 10:18 pm

  • Copy link
  • Add topic to favorites

  I’m using the collective theme and the headers above every page are rather large, I’d like to make them smaller by at least 50% to be a similar/equal size to the navigation bar.

  Also, I’d like to change the navigation bar’s color to a deep blue if possible.

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

• 

  thesacredpath · Member · Dec 15, 2014 at 11:56 pm

  • Copy link

  The first rule below is the line height, which controls the height of the grey bar behind the page titles. The second will allow you to adjust the font size of the page titles.

  .page-headline {
  line-height: 80px;
  }
  .headline {
  font-size: 3.2em;
  }

  The base color of the navigation bar would be set with this:

  #header {
      background: #0000cc;
  }