font and alignment

• 

  pauseful · Member · Apr 14, 2013 at 2:14 am

  • Copy link
  • Add topic to favorites

  I want to change the font size and alignment of top menu bar titles.
  They need to be bigger and centered. And maybe a different color.

  Also the font on my “Contact Us” page somehow is a different fontsize/ style than the rest of the website. Funny.

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

• 

  thesacredpath · Member · Apr 14, 2013 at 3:23 am

  • Copy link

  Adjust the font size and color as desired.

  .menu {
      text-align: center;
      font-size: 13px;
  }
  .menu ul {
      display: inline-block;
  }
  .menu li a {
      color: #CC0000;
  }

  If you want to change the background (bluish) color for the current page tab, add this and edit the color as desired.

  .menu li.current-menu-item > a, .menu li.current-menu-item > a:hover, .menu li.current_page_item > a, .menu li.current_page_item > a:hover {
  background: #AFCCCC;
  }

• 

  thesacredpath · Member · Apr 14, 2013 at 3:25 am

  • Copy link

  Actually for the first part above, use this instead.

  .menu {
      text-align: center;
      font-size: 13px !important;
  }