Sapphire Font Problems (Main Post)

• 

  tender82 · Member · Oct 19, 2008 at 2:52 am

  • Copy link
  • Add topic to favorites

  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.

• 

  vivianpaige · Member · Oct 19, 2008 at 3:03 am

  • Copy link

  How about a link to your blog?

• 

  tender82 · Member · Oct 19, 2008 at 3:07 am

  • Copy link

  Whoops… Sorry.

  http://wjacweatherblog.wordpress.com

• 

  vivianpaige · Member · Oct 19, 2008 at 4:02 am

  • Copy link

  Try putting the font you want in here

  div.entry {

• 

  tender82 · Member · Oct 19, 2008 at 9:16 pm

  • Copy link

  @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?

• 

  vivianpaige · Member · Oct 19, 2008 at 9:41 pm

  • Copy link

  Try this:

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

• 

  tender82 · Member · Oct 19, 2008 at 9:45 pm

  • Copy link

  That did it! Thanks Vivian!

  I appreciate the help!

• 

  vivianpaige · Member · Oct 19, 2008 at 9:47 pm

  • Copy link

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

• 

  tender82 · Member · Oct 19, 2008 at 9:49 pm

  • Copy link

  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!