CSS Heading Color and Alignment Issues

  • Author
  • #711648

    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 now-age.org.


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


    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;

    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).


    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.


    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.


    You are officially my web guru!

    Love the handle, by the way :)


    Thank you and you are welcome.

The topic ‘CSS Heading Color and Alignment Issues’ is closed to new replies.