CSS Heading Color and Alignment Issues

• 

  birthbeyondbars · Member · Sep 21, 2011 at 9:50 pm

  • Copy link
  • Add topic to favorites

  I have a couple of questions here – should be pretty basic to resolve, but it’s my first time using CSS, so I’m feeling a little overwhelmed…

  Is it possible to have different colors for each heading in the menu bar?

  How can I center page headings?

  Also, is it possible to use Helvetica or Arial fonts? I’m using the CSS design upgrade pack for wordpress.com and I don’t see those fonts listed…can I just program them into the CSS instead of using the text option?

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

• 

  birthbeyondbars · Member · Sep 21, 2011 at 9:51 pm

  • Copy link

  The site that I am referring to here is now-age.org

• 

  thesacredpath · Member · Sep 21, 2011 at 11:47 pm

  • Copy link

  Each menu item has a unique ID# and CSS class, so you can target them individually by looking at the source code for that class and then declaring a color. This is an example for the “prologue” tab.

  .menu .page-item-2 a {
  color: #CC0000;
  }

• 

  birthbeyondbars · Member · Sep 22, 2011 at 12:34 am

  • Copy link

  Thank you so much! Worked like a charm, of course. And using the same logic, was able to get the sidebar menu to match!

  Any thoughts on centering the page headings? (Example: When I go to the PROLOGUE page, the title is default aligned to the left).

• 

  thesacredpath · Member · Sep 22, 2011 at 2:19 am

  • Copy link

  My internet connection is PAINFULLY slow at the moment so let me work on this.

  On the fonts, arial, helvetica are standard fonts you can put into a font stack, so just go ahead and declare them in the appropriate place. They aren’t listed in the typekit stuff since they are standard and common to all computer systems.

• 

  thesacredpath · Member · Sep 22, 2011 at 2:24 am

  • Copy link

  This will center align page titles.

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

  On the font, declare it like this.

  font-family: Arial,Helvetica,Verdana,sans-serif;

  That will give browsers several choices in case one or a couple of the fonts are not installed on the visitor’s computer.

• 

  birthbeyondbars · Member · Sep 22, 2011 at 5:18 am

  • Copy link

  You are officially my web guru!

  Love the handle, by the way :)

• 

  thesacredpath · Member · Sep 22, 2011 at 5:55 am

  • Copy link

  Thank you and you are welcome.