Need help? Check out our Support site, then


Sapphire Font Problems (Main Post)

  1. Hi,

    I tried to look through the forum for help with this, but I just can't figure it out.

    I have the CSS upgrade and have my blog pretty much the way I want it. (and learned some CSS along the way!) My problem is that I can't get the actual post to be any other font. I changed the 'body' part of the css and even tested which part was the body by changing the text color to yellow. It highlighted what I wanted to change, so I added the code to make it the font that I wanted, Arial.

    It still won't work.
    I've used the same line of code through the rest of the markup with no problem.

    Here's my code... (Again, I'm looking for the post itself to be 'Arial')

    -------------------------------------------

    h2 {
    border-top:1px solid #0000FF;
    border-bottom:1px solid #0000FF;
    background:#770000;
    color:#FFFFFF;
    font-family:Arial, Verdana, sans-serif;
    padding:5px;
    }

    h2 a {
    background:#770000;
    color:#FFFFFF;
    font-family:Arial, Verdana, sans-serif;
    }

    h2 a img {
    border:none;
    }

    h2 a:visited {
    color:#EEAA00;
    background:transparent;
    }

    h2 a:hover {
    color:#EEAA00;
    text-decoration:none;
    }

    body {
    font-family: Arial, Verdana, sans-serif;
    }

    #content {
    font-family:Arial, Verdana, sans-serif;
    }

    #sidebar h2 {
    font-family:Arial, Verdana, sans-serif;
    padding-top:2px;
    padding-bottom:2px;
    border-left:1px solid #0000FF;
    border-right:1px solid #0000FF;
    text-align:center;
    background:#770000;
    color:#FFFFFF;
    }

    #sidebar h2 a {
    font-family:Arial, Verdana, sans-serif;
    background:#770000;
    color:#FFFFFF;
    }

    #commentform input,#commentform textarea {
    background:#770000;
    color:#FFFFFF;
    border:1px solid #000033;
    }

    #commentform textarea {
    width:100%;
    }

    h3 {
    border-top:1px solid #AF4F0A;
    border-bottom:1px solid #AF4F0A;
    background:#300228;
    color:#FAFACC;
    font-family:Arial, Verdana, sans-serif;
    }

    a {
    color:#0000FF;
    background:transparent;
    text-decoration:none;
    font-family:Arial, Verdana, sans-serif;
    }

    a img {
    border:none;
    }

    a:visited {
    color:#000077;
    background:transparent;
    }

    a:hover {
    color:#000033;
    text-decoration:underline;
    }

    blockquote {
    border-right:none;
    border-top:none;
    border-bottom:none;
    border-left:4px solid #FF9F00;
    margin-left:1.5em;
    padding-left:5px;
    }

    -------------------------------------------

    Thanks in advance for any help.

  2. How about a link to your blog?

  3. Try putting the font you want in here

    div.entry {
  4. @Vivian: Thanks for the help, but it didn't work either.

    I added this to the CSS...

    div.entry {
    font-family:Arial, Verdana, sans-serif;
    }

    Same thing... when I added the

    color:yellow;

    line in there, it changed my post color to yellow (which is the text I want to change the font of), but it didn't change the font. It's still the same.

    Any other suggestions?

  5. Try this:

    .entry p, .entrytext  {
    	font-family: Arial, Verdana, sans-serif;
    }
  6. That did it! Thanks Vivian!

    I appreciate the help!

  7. No problem. I couldn't identify the exact thing to change before because I couldn't get Firebug to work. Once I got that going, it was easy.

    FYI - if you aren't using the developer's toolbar for Firefox and Firebug, you should be :)

  8. Doing this at work, so I can't download and install, which is a shame. I guess they just don't trust me!

    I'll have to download that at home though. Thanks for the tip!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags