WordPress.org

Ready to get started?Download WordPress

Forums

How to change header font in Twenty Ten? (5 posts)

  1. blueamulet
    Member
    Posted 3 years ago #

    I'm still using Voidy, I messed up a couple of times and then upgraded the version, so the header font has gone back to default. Not sure I will bother trying to use Google API on it again, but I might! ;)

    Been wondering about the very basic header on Twenty Ten, just in case I find a need to use that theme... I looked into the stylesheet but I can't seem to find where I would make the changes? It would be interesting to see what I could do there!

  2. chinmoy
    Member
    Posted 3 years ago #

    this is the css for menu

    h3#comments-title,
    h3#reply-title,
    #access .menu,
    #access div.menu ul,
    #cancel-comment-reply-link,
    .form-allowed-tags,
    #site-info,
    #site-title,
    #wp-calendar,
    .comment-meta,
    .comment-body tr th,
    .comment-body thead th,
    .entry-content label,
    .entry-content tr th,
    .entry-content thead th,
    .entry-meta,
    .entry-title,
    .entry-utility,
    #respond label,
    .navigation,
    .page-title,
    .pingback p,
    .reply,
    .widget-title,
    .wp-caption-text,
    input[type=submit]
    {
    	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    }

    Here you see this #access .menu, #access div.menu ul.

    You can write new css for #access .menu which overwrite above css for menu.

  3. blueamulet
    Member
    Posted 3 years ago #

    So, pardon me if I sound like a dim bulb, *Lol* but where it says "font-family" could I just insert the API link (we girls all like the 'Tangerine' font!)?

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    No - you need to list actual font names.

  5. blueamulet
    Member
    Posted 3 years ago #

    Yes, I know...I just wanted to be sure I could alter the final css line for "menu."

    Here is how the Voidy logo was changed recently--I assume I could do much the same with the above css in "Twenty Ten":

    #logo #h1{
    float:left;
    font-family: 'Tangerine', arial, serif;
    font-size:48px;
    }

    But, I'm only guessing...as I know almost nothing about stylesheets... The plugin should take care of that, but obviously finding typical H1, H2, etc. is sometimes fiddley...

Topic Closed

This topic has been closed to new replies.

About this Topic