Tandil theme – How To: Update the Header Font

  • Here’s my blog as a reference Jeremy Bailey’s Blog

    I updated my Header to include the picture of me. The header picture is located in your themes /images folder.

    I updated the Stylesheet (Style.css) file:

    #header a:hover { color: #0101DF; } (default was #ff4444)

    #header h1 a{
    font-family: Arno Pro Bold Italic; (removed all other font-families)
    font-weight: 100;
    color: #e7dede;
    text-decoration: none;
    font-size: 52px; (default was 46px)
    letter-spacing: 1px;
    }

    #header h2{
    font-family: Myriad, “Myriad Pro”, Arial, Georgia, Times New Roman, Times, serif;
    padding: 1px 0 1px 10px;
    font-weight:110;
    color: #e7dede;
    font-size: 24px; (default was 16px)
    letter-spacing: 1px;
    }

    In the Header (header.php) file, I put a space between the title and subtitle. The code for a space is the “br” in brackets (<>), I had to remove the brackets in the code otherwise you would only see a space in this post.

    br
    <h1>/”><?php bloginfo(‘name’); ?></h1>
    br
    <h2><?php bloginfo(‘description’); ?></h2>

    Jeremy

Viewing 2 replies - 1 through 2 (of 2 total)

  • font-family: Arno Pro Bold Italic; (removed all other font-families)

    not a good idea to remove the other font-families. There is a reason for listing multiples.

    I don’t have that font on my machine, so your header looks nothing like how you want it to for me

    just sayin…..

    Thread Starter jeratbp

    (@jeratbp)

    let me change it to one of the well known fonts. although I really like it in Camino. Not sure how it looks on a Windows pc though.

    however, more people should by a Mac. which is funny coming from me, since I’ve been in the IT field for over 12 years, working with Windows based operating systems.

    As for removing the other fonts …..please show me how that has affected the rest of my blog. I appreciate your comment, but I don’t see a change anywhere else.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Tandil theme – How To: Update the Header Font’ is closed to new replies.